fix #8042 - clean up empty tags
[roojs1] / docs / json / roodata.json
index a4bed05..4dd59e3 100644 (file)
         ],
         "returns" : []
       },
+      {
+        "name" : "from",
+        "type" : "function",
+        "desc" : "from",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Array",
+            "desc" : "Or Array like object (eg. nodelist)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "indexOf",
         "type" : "function",
         "name" : "getElapsed",
         "type" : "function",
         "desc" : "Returns the number of milliseconds between this date and date",
-        "sig" : "(date)",
+        "sig" : "(date, interval)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
             "type" : "Date",
             "desc" : "(optional) Defaults to now",
             "isOptional" : false
+          },
+          {
+            "name" : "interval",
+            "type" : "String",
+            "desc" : "(optional) Default Date.MILLI, A valid date interval enum value (eg. Date.DAY)",
+            "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
             "type" : "Number",
-            "desc" : "The diff in milliseconds"
+            "desc" : "The diff in milliseconds or units of interval"
           }
         ]
       },
           }
         ]
       },
+      {
+        "name" : "log",
+        "type" : "function",
+        "desc" : "Logs to console if it can.",
+        "sig" : "(string)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "string",
+            "type" : "String|Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "namespace",
+        "type" : "function",
+        "desc" : "Creates namespaces to be used for scoping variables and classes so that they are not global.  Usage:\n<pre><code>\nRoo.namespace('Company', 'Company.data');\nCompany.Widget = function() { ... }\nCompany.data.CustomStore = function(config) { ... }\n</code></pre>",
+        "sig" : "(namespace1, namespace2, etc)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "namespace1",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "namespace2",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "etc",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "onReady",
         "type" : "function",
       {
         "name" : "autoAbort",
         "type" : "Boolean",
-        "desc" : "(Optional) Whether a new request should abort any pending requests. (defaults to false)",
-        "memberOf" : ""
+        "desc" : "Whether a new request should abort any pending requests. (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "defaultHeaders",
         "type" : "Object",
         "desc" : "An object containing request headers which are added to each request made by this object. (defaults to undefined)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableCaching",
         "type" : "Boolean",
-        "desc" : "(Optional)   True to add a unique cache-buster param to GET requests. (defaults to true)",
-        "memberOf" : ""
+        "desc" : "True to add a unique cache-buster param to GET requests. (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "extraParams",
         "type" : "Object",
         "desc" : "An object containing properties which are used as extra parameters to each request made by this object. (defaults to undefined)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "method",
         "type" : "String",
-        "desc" : "(Optional)  The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
-        "memberOf" : ""
+        "desc" : "The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "timeout",
         "type" : "Number",
-        "desc" : "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
-        "memberOf" : ""
+        "desc" : "The timeout in milliseconds to be used for requests. (defaults to 30000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "url",
         "type" : "String",
         "desc" : "The default URL to be used for requests to the server. (defaults to undefined)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
           {
             "name" : "transactionId",
             "type" : "Number",
-            "desc" : "(Optional) defaults to the last transaction",
+            "desc" : "defaults to the last transaction",
             "isOptional" : false
           }
         ],
           {
             "name" : "transactionId",
             "type" : "Number",
-            "desc" : "(Optional) defaults to the last transaction",
+            "desc" : "defaults to the last transaction",
             "isOptional" : false
           }
         ],
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "An object which may contain the following properties:<ul>\n<li><b>url</b> {String} (Optional) The URL to which to send the request. Defaults to configured URL</li>\n<li><b>params</b> {Object/String/Function} (Optional) An object containing properties which are used as parameters to the\nrequest, a url encoded string or a function to call to get either.</li>\n<li><b>method</b> {String} (Optional) The HTTP method to use for the request. Defaults to the configured method, or\nif no method was configured, \"GET\" if no parameters are being sent, and \"POST\" if parameters are being sent.</li>\n<li><b>callback</b> {Function} (Optional) The function to be called upon receipt of the HTTP response.\nThe callback is called regardless of success or failure and is passed the following parameters:<ul>\n<li>options {Object} The parameter to the request call.</li>\n<li>success {Boolean} True if the request succeeded.</li>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n</ul></li>\n<li><b>success</b> {Function} (Optional) The function to be called upon success of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>failure</b> {Function} (Optional) The function to be called upon failure of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>scope</b> {Object} (Optional) The scope in which to execute the callbacks: The \"this\" object\nfor the callback function. Defaults to the browser window.</li>\n<li><b>form</b> {Object/String} (Optional) A form object or id to pull parameters from.</li>\n<li><b>isUpload</b> {Boolean} (Optional) True if the form object is a file upload (will usually be automatically detected).</li>\n<li><b>headers</b> {Object} (Optional) Request headers to set for the request.</li>\n<li><b>xmlData</b> {Object} (Optional) XML document to use for the post. Note: This will be used instead of\nparams for the post data. Any params will be appended to the URL.</li>\n<li><b>disableCaching</b> {Boolean} (Optional) True to add a unique cache-buster param to GET requests.</li>\n</ul>",
+            "desc" : "An object which may contain the following properties:<ul>\n<li><b>url</b> {String}  The URL to which to send the request. Defaults to configured URL</li>\n<li><b>params</b> {Object/String/Function}  An object containing properties which are used as parameters to the\nrequest, a url encoded string or a function to call to get either.</li>\n<li><b>method</b> {String}  The HTTP method to use for the request. Defaults to the configured method, or\nif no method was configured, \"GET\" if no parameters are being sent, and \"POST\" if parameters are being sent.</li>\n<li><b>callback</b> {Function}  The function to be called upon receipt of the HTTP response.\nThe callback is called regardless of success or failure and is passed the following parameters:<ul>\n<li>options {Object} The parameter to the request call.</li>\n<li>success {Boolean} True if the request succeeded.</li>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n</ul></li>\n<li><b>success</b> {Function}  The function to be called upon success of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>failure</b> {Function}  The function to be called upon failure of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>scope</b> {Object}  The scope in which to execute the callbacks: The \"this\" object\nfor the callback function. Defaults to the browser window.</li>\n<li><b>form</b> {Object/String}  A form object or id to pull parameters from.</li>\n<li><b>isUpload</b> {Boolean}  True if the form object is a file upload (will usually be automatically detected).</li>\n<li><b>headers</b> {Object}  Request headers to set for the request.</li>\n<li><b>xmlData</b> {Object}  XML document to use for the post. Note: This will be used instead of\nparams for the post data. Any params will be appended to the URL.</li>\n<li><b>disableCaching</b> {Boolean}  True to add a unique cache-buster param to GET requests.</li>\n</ul>",
             "isOptional" : false
           }
         ],
         "name" : "animateTarget",
         "type" : "String/Element",
         "desc" : "Id or element from which the dialog should animate while opening\n(defaults to null with no animation)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "Boolean/DomHelper",
         "desc" : "True to auto create from scratch, or using a DomHelper Object (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoScroll",
         "type" : "Boolean",
         "desc" : "True to allow the dialog body contents to overflow and display scrollbars (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoTabs",
         "type" : "Boolean",
         "desc" : "If true, all elements with class 'x-dlg-tab' will get automatically converted to tabs (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "buttonAlign",
         "type" : "String",
         "desc" : "Valid values are \"left,\" \"center\" and \"right\" (defaults to \"right\")",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "buttons",
         "type" : "Array",
         "desc" : "Array of buttons",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "closable",
         "type" : "Boolean",
         "desc" : "False to remove the built-in top-right corner close button (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "collapsible",
         "type" : "Boolean",
         "desc" : "False to remove the built-in top-right corner collapse button (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "constraintoviewport",
         "type" : "Boolean",
         "desc" : "True to keep the dialog constrained within the visible viewport boundaries (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "draggable",
         "type" : "Boolean",
         "desc" : "False to disable dragging of the dialog within the viewport (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fixedcenter",
         "type" : "Boolean",
         "desc" : "True to ensure that anytime the dialog is shown or resized it gets centered (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "Height of the dialog in pixels (can also be set via CSS).  Determined by browser if unspecified.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minButtonWidth",
         "type" : "Number",
         "desc" : "Minimum width of all dialog buttons (defaults to 75)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minHeight",
         "type" : "Number",
         "desc" : "The minimum allowable height for a resizable dialog (defaults to 80)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minWidth",
         "type" : "Number",
         "desc" : "The minimum allowable width for a resizable dialog (defaults to 200)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "modal",
         "type" : "Boolean",
         "desc" : "True to show the dialog modally, preventing user interaction with the rest of the page (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "proxyDrag",
         "type" : "Boolean",
         "desc" : "True to drag a lightweight proxy element rather than the dialog itself, used when\ndraggable = true (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "resizable",
         "type" : "Boolean",
         "desc" : "False to disable manual dialog resizing (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "resizeHandles",
         "type" : "String",
         "desc" : "Which resize handles to display - see the {@link Roo.Resizable} handles config\nproperty for valid values (defaults to 'all')",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "shadow",
         "type" : "Boolean/String",
         "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right\nshadow (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "shadowOffset",
         "type" : "Number",
         "desc" : "The number of pixels to offset the shadow if displayed (defaults to 5)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "shim",
         "type" : "Boolean",
         "desc" : "True to create an iframe shim that prevents selects from showing through (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "syncHeightBeforeShow",
         "type" : "Boolean",
         "desc" : "True to cause the dimensions to be recalculated before the dialog is shown (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabTag",
         "type" : "String",
         "desc" : "The tag name of tab elements, used when autoTabs = true (defaults to 'div')",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "title",
         "type" : "String",
         "desc" : "Default text to display in the title bar (defaults to null)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "Width of the dialog in pixels (can also be set via CSS).  Determined by browser if unspecified.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "x",
         "type" : "Number",
         "desc" : "The default left page coordinate of the dialog (defaults to center screen)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "y",
         "type" : "Number",
         "desc" : "The default top page coordinate of the dialog (defaults to center screen)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "getTabs",
         "type" : "function",
-        "desc" : "Returns the TabPanel component (creates it if it doesn't exist).\nNote: If you wish to simply check for the existence of tabs without creating them,\ncheck for a null 'tabs' property.",
+        "desc" : "Returns the panel.Tab component (creates it if it doesn't exist).\nNote: If you wish to simply check for the existence of tabs without creating them,\ncheck for a null 'tabs' property.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanel",
+            "type" : "Roo.panel.Tab",
             "desc" : "The tabs component"
           }
         ]
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanel",
+            "type" : "Roo.panel.Tab",
             "desc" : "The tabs component"
           }
         ]
       "Roo.LayoutDialog"
     ],
     "tree_children" : [],
-    "tree_parent" : []
+    "tree_parent" : [
+      "none",
+      "builder"
+    ]
   },
-  "Roo.BasicLayoutRegion" : {
+  "Roo.BoxComponent" : {
     "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforecollapse",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when this region before collapse.",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeremove",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
-        "sig" : "function (_self, panel, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The cancel event object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "collapsed",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires when this region is collapsed.",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "expanded",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires when this region is expanded.",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "invalidated",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when the layout for this region is changed.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "panelactivated",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires when a panel is activated.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The activated panel",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paneladded",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when a panel is added.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "panelremoved",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when a panel is removed.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resized",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Fires when the user resizes this region.",
-        "sig" : "function (_self, newSize)\n{\n\n}",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
+            "name" : "x",
             "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "slidehide",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this region slides out of view.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "slideshow",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires when this region is slid into view.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "visibilitychange",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this region is shown or hidden",
-        "sig" : "function (_self, visibility)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "visibility",
-            "type" : "Boolean",
-            "desc" : "true or false",
-            "isOptional" : false
           }
         ],
         "returns" : []
       }
     ],
     "methods" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Add the passed ContentPanel(s)",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "ContentPanel...",
-            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added)"
-          }
-        ]
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getActivePanel",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Get the active panel for this region.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The active panel or null"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
+      {
+        "name" : "getBox",
+        "type" : "function",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the container element for this region.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getPanel",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Returns the panel specified or null if it's not in this region.",
-        "sig" : "(panel)",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : ""
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "desc" : "Gets the current size of the component's underlying element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
           }
         ]
       },
         ]
       },
       {
-        "name" : "hasPanel",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true if the panel is in this region.",
-        "sig" : "(panel)",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
         "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if this region is currently visible.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "on",
         ],
         "returns" : []
       },
+      {
+        "name" : "onPosition",
+        "type" : "function",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onResize",
+        "type" : "function",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
-        "sig" : "(panel, preservePanel)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "preservePanel",
-            "type" : "Boolean",
-            "desc" : "Overrides the config preservePanel option",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel that was removed"
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "setPosition",
         "type" : "function",
-        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
-        "sig" : "(newSize)",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "newSize",
+            "name" : "left",
             "type" : "Number",
-            "desc" : "The new width or height",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Show the specified panel.",
-        "sig" : "(panelId)",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel or null"
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "updateBox",
+        "type" : "function",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.LayoutRegion",
-      "Roo.SplitLayoutRegion",
-      "Roo.bootstrap.layout.Split"
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboBoxArray.Item",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.Field",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TextItem",
+      "Roo.form.TriggerField",
+      "Roo.panel.Cropbox"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.BorderLayout" : {
+  "Roo.Button" : {
     "props" : [
       {
-        "name" : "center",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "clickEvent",
+        "type" : "String",
+        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "east",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the button's main element.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to start disabled (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableToggle",
+        "type" : "Boolean",
+        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handleMouseEvents",
+        "type" : "Boolean",
+        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function called when the button is clicked (can be used instead of click event)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to start hidden (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "iconCls",
+        "type" : "String",
+        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "north",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "south",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "menuAlign",
+        "type" : "String",
+        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "west",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "True to start pressed (only if enableToggle = true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "renderTo",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The element to append the button to",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "repeat",
+        "type" : "Boolean/Object",
+        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "scope",
+        "type" : "Object",
+        "desc" : "The scope of the handler",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "template",
+        "type" : "Roo.Template",
+        "desc" : "An {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "The button text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toggleGroup",
+        "type" : "String",
+        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "String/Object",
+        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltipType",
+        "type" : "String",
+        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "layout",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when a layout is performed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "desc" : "Fires when this button is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutManager",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "The click event",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "regioncollapsed",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Fires when a region is collapsed.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "desc" : "Fires when the mouse exits the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The collapsed region",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "regionexpanded",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Fires when a region is expanded.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "desc" : "Fires when the mouse hovers over the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The expanded region",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "regionresized",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when the user resizes a region.",
-        "sig" : "function (region, newSize)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "desc" : "Fires when the button is rendered",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The resized region",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "add",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Adds a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
-        "static" : false,
+        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
+        "sig" : "function (_self, pressed)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel to add",
+            "name" : "pressed",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The added panel"
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "addRegion",
-        "type" : "function",
-        "desc" : "Creates and adds a new region if it doesn't already exist.",
-        "sig" : "(target, config)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The regions config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BorderLayoutRegion",
-            "desc" : "The new region"
-          }
-        ]
-      },
-      {
-        "name" : "addxtype",
-        "type" : "function",
-        "desc" : "Adds a xtype elements to the layout.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\nlayout.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
-        "sig" : "(cfg)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "cfg",
-            "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "batchAdd",
-        "type" : "function",
-        "desc" : "Adds a batch of multiple ContentPanels dynamically by passing a special regions config object.  This config\nobject should contain properties for each region to add ContentPanels to, and each property's value should be\na valid ContentPanel config object.  Example:\n<pre><code>\n// Create the main layout\nvar layout = new Roo.BorderLayout('main-ct', {\n    west: {\n        split:true,\n        minSize: 175,\n        titlebar: true\n    },\n    center: {\n        title:'Components'\n    }\n}, 'main-ct');\n\n// Create and add multiple ContentPanels at once via configs\nlayout.batchAdd({\n   west: {\n       id: 'source-files',\n       autoCreate:true,\n       title:'Ext Source Files',\n       autoScroll:true,\n       fitToFrame:true\n   },\n   center : {\n       el: cview,\n       autoScroll:true,\n       fitToFrame:true,\n       toolbar: tb,\n       resizeEl:'cbody'\n   }\n});\n</code></pre>",
-        "sig" : "(regions)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "regions",
-            "type" : "Object",
-            "desc" : "An object containing ContentPanel configs by region name",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beginUpdate",
-        "type" : "function",
-        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.LayoutManager",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "create",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Shortcut for creating a new BorderLayout object and adding one or more ContentPanels to it in a single step, handling\nthe beginUpdate and endUpdate calls internally.  The key to this method is the <b>panels</b> property that can be\nprovided with each region config, which allows you to add ContentPanel configs in addition to the region configs\nduring creation.  The following code is equivalent to the constructor-based example at the beginning of this class:\n<pre><code>\n// shorthand\nvar CP = Roo.ContentPanel;\n\nvar layout = Roo.BorderLayout.create({\n    north: {\n        initialSize: 25,\n        titlebar: false,\n        panels: [new CP(\"north\", \"North\")]\n    },\n    west: {\n        split:true,\n        initialSize: 200,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"west\", {title: \"West\"})]\n    },\n    east: {\n        split:true,\n        initialSize: 202,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"autoTabs\", {title: \"Auto Tabs\", closable: true})]\n    },\n    south: {\n        split:true,\n        initialSize: 100,\n        minSize: 100,\n        maxSize: 200,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"south\", {title: \"South\", closable: true})]\n    },\n    center: {\n        titlebar: true,\n        autoScroll:true,\n        resizeTabs: true,\n        minTabWidth: 50,\n        preferredTabWidth: 150,\n        panels: [\n            new CP(\"center1\", {title: \"Close Me\", closable: true}),\n            new CP(\"center2\", {title: \"Center Panel\", closable: false})\n        ]\n    }\n}, document.body);\n\nlayout.getRegion(\"center\").showPanel(\"center1\");\n</code></pre>",
-        "sig" : "(config, targetEl)",
-        "static" : true,
+        "desc" : "Destroys this Button and removes any listeners.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetEl",
-            "type" : "",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "endUpdate",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
-        "sig" : "(noLayout)",
+        "desc" : "Disable this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "noLayout",
-            "type" : "Boolean",
-            "desc" : "true to disable a layout update",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "findPanel",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Searches all regions for a panel with the specified id",
-        "sig" : "(panelId)",
+        "desc" : "Enable this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "panelId",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel or null if it wasn't found"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Returns the Element this layout is bound to.",
+        "desc" : "Focus the button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getRegion",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the specified region.",
-        "sig" : "(target)",
+        "desc" : "Returns the button's underlying element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.LayoutRegion",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getViewSize",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
+        "desc" : "Gets the text for this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "The size as an object {width: (the width), height: (the height)}"
+            "type" : "String",
+            "desc" : "The button text"
           }
         ]
       },
         ]
       },
       {
-        "name" : "isUpdating",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true if this layout is currently being updated",
+        "desc" : "Hide this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "layout",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Performs a layout update.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Remove a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "target",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "panel",
-            "type" : "Number/String/Roo.ContentPanel",
-            "desc" : "The index, id or panel to remove",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The removed panel"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Convenience function for boolean enable/disable",
+        "sig" : "(enabled)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "enabled",
+            "type" : "Boolean",
+            "desc" : "True to enable, false to disable",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setHandler",
+        "type" : "function",
+        "desc" : "Assigns this button's click handler",
+        "sig" : "(handler, scope)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The function to call when the button is clicked",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) Scope for the function passed in",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "restoreState",
+        "name" : "setPressed",
         "type" : "function",
-        "desc" : "Restores this layout's state using Roo.state.Manager or the state provided by the passed provider.",
-        "sig" : "(provider)",
+        "desc" : "Similar to toggle, but does not trigger event.",
+        "sig" : "(state)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "provider",
-            "type" : "Roo.state.Provider",
-            "desc" : "(optional) An alternate state provider",
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "[required] Force a particular state",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Searches all regions for a panel with the specified id and activates (shows) it.",
-        "sig" : "(panelId)",
+        "desc" : "Sets this button's text",
+        "sig" : "(text)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "String/ContentPanel",
-            "desc" : "The panels id or the panel itself",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The button text",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function for boolean show/hide",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel or null"
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
+        "sig" : "(state)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "(optional) Force a particular state",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
         "name" : "un",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.ReaderLayout"
-    ],
-    "tree_children" : [
-      "Roo.ContentPanel",
-      "Roo.GridPanel",
-      "Roo.NestedLayoutPanel",
-      "Roo.TreePanel"
+      "Roo.SplitButton",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton"
     ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.BoxComponent" : {
+  "Roo.ColorPalette" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowReselect",
+        "type" : "Boolean",
+        "desc" : "If set to true then reselecting a color that is already selected fires the selection event",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : ""
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "hideMode",
+        "name" : "itemCls",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "The CSS class to apply to the containing element (defaults to \"x-color-palette\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : ""
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "String",
+        "desc" : "The initial color to highlight (should be a valid 6-digit color hex code without the # symbol).  Note that\nthe hex codes are case-sensitive.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "move",
-        "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "desc" : "Fires when a color is selected",
+        "sig" : "function (_self, color)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "ColorPalette",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "color",
+            "type" : "String",
+            "desc" : "The 6-digit color hex code (without the # symbol)",
             "isOptional" : false
           }
         ],
           }
         ]
       },
-      {
-        "name" : "getBox",
-        "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getEl",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getPosition",
-        "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
-          }
-        ]
-      },
-      {
-        "name" : "getSize",
-        "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
-        "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 containing the element's size {width: (element width), height: (element height)}"
-          }
-        ]
-      },
       {
         "name" : "hasListener",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "onPosition",
-        "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onResize",
-        "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPagePosition",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
+        "desc" : "Selects the specified color in the palette (fires the select event)",
+        "sig" : "(color)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "color",
+            "type" : "String",
+            "desc" : "A valid 6-digit color hex code (# will be stripped if included)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPosition",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "setSize",
-        "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "setVisible",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.form.Checkbox",
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboBoxArray.Item",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
-      "Roo.form.FCKeditor",
-      "Roo.form.Field",
-      "Roo.form.GridField",
-      "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Radio",
-      "Roo.form.Select",
-      "Roo.form.Signature",
-      "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TextItem",
-      "Roo.form.TriggerField"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.Button" : {
+  "Roo.Component" : {
     "props" : [
       {
-        "name" : "clickEvent",
-        "type" : "String",
-        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cls",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "A CSS class to apply to the button's main element.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to start disabled (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "enableToggle",
-        "type" : "Boolean",
-        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "handleMouseEvents",
-        "type" : "Boolean",
-        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function called when the button is clicked (can be used instead of click event)",
-        "memberOf" : ""
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to start hidden (defaults to false)",
-        "memberOf" : ""
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "icon",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
-        "memberOf" : ""
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "iconCls",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "menuAlign",
-        "type" : "String",
-        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "pressed",
-        "type" : "Boolean",
-        "desc" : "True to start pressed (only if enableToggle = true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "renderTo",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The element to append the button to",
-        "memberOf" : ""
-      },
-      {
-        "name" : "repeat",
-        "type" : "Boolean/Object",
-        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "scope",
-        "type" : "Object",
-        "desc" : "The scope of the handler",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "template",
-        "type" : "Roo.Template",
-        "desc" : "(Optional)\nAn {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "text",
-        "type" : "String",
-        "desc" : "The button text",
-        "memberOf" : ""
-      },
-      {
-        "name" : "toggleGroup",
-        "type" : "String",
-        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tooltip",
-        "type" : "String/Object",
-        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tooltipType",
-        "type" : "String",
-        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "type",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
-        "memberOf" : ""
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "click",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when this button is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The click event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires when the mouse exits the button",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when the mouse hovers over the button",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when the button is rendered",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
-        "sig" : "function (_self, pressed)\n{\n\n}",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "pressed",
-            "type" : "Boolean",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this Button and removes any listeners.",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this button",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this button",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
       {
         "name" : "focus",
         "type" : "function",
-        "desc" : "Focus the button",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the button's underlying element",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         ]
       },
       {
-        "name" : "getText",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Gets the text for this button",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
           {
             "name" : "",
             "type" : "String",
-            "desc" : "The button text"
+            "desc" : ""
           }
         ]
       },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hide this button",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for boolean enable/disable",
-        "sig" : "(enabled)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "enabled",
-            "type" : "Boolean",
-            "desc" : "True to enable, false to disable",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setHandler",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Assigns this button's click handler",
-        "sig" : "(handler, scope)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The function to call when the button is clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) Scope for the function passed in",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Sets this button's text",
-        "sig" : "(text)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The button text",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       {
         "name" : "setVisible",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide",
+        "desc" : "Convenience function to hide or show this component by boolean.",
         "sig" : "(visible)",
         "static" : false,
         "memberOf" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show this button",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "toggle",
-        "type" : "function",
-        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
-        "sig" : "(state)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "(optional) Force a particular state",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
         "name" : "un",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.SplitButton",
-      "Roo.Toolbar.Button",
-      "Roo.Toolbar.SplitButton"
+      "Roo.BoxComponent",
+      "Roo.ColorPalette",
+      "Roo.DatePicker",
+      "Roo.Editor",
+      "Roo.HtmlEditorCore",
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Body",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.CardFooter",
+      "Roo.bootstrap.CardHeader",
+      "Roo.bootstrap.CardImageTop",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.Component",
+      "Roo.bootstrap.Container",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Modal",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Popover",
+      "Roo.bootstrap.PopoverNav",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.TableBody",
+      "Roo.bootstrap.TableCell",
+      "Roo.bootstrap.TableRow",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Item",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.HtmlEditorToolbar.Standard",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.layout.Border",
+      "Roo.bootstrap.layout.Manager",
+      "Roo.bootstrap.menu.Item",
+      "Roo.bootstrap.menu.Menu",
+      "Roo.bootstrap.menu.Separator",
+      "Roo.bootstrap.nav.Bar",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.Item",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar",
+      "Roo.form.Checkbox",
+      "Roo.form.Column",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboBoxArray.Item",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.Field",
+      "Roo.form.FieldSet",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.Layout",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Row",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TextItem",
+      "Roo.form.TriggerField",
+      "Roo.grid.GridEditor",
+      "Roo.menu.Adapter",
+      "Roo.menu.BaseItem",
+      "Roo.menu.CheckItem",
+      "Roo.menu.ColorItem",
+      "Roo.menu.DateItem",
+      "Roo.menu.Item",
+      "Roo.menu.Separator",
+      "Roo.menu.TextItem",
+      "Roo.panel.Calendar",
+      "Roo.panel.Cropbox",
+      "Roo.tree.TreeEditor"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.CalendarPanel" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
+  "Roo.ComponentMgr" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "beforedestroy",
+        "name" : "get",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns a component by id",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The component id",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "onAvailable",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Registers a function that will be called when a specified component is added to ComponentMgr",
+        "sig" : "(id, fn, scope)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The component id",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Funtction",
+            "desc" : "The callback function",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "The scope of the callback",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Registers a component.",
+        "sig" : "(c)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
+            "name" : "c",
             "type" : "Roo.Component",
-            "desc" : "",
+            "desc" : "The component",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "unregister",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Unregisters a component.",
+        "sig" : "(c)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
+            "name" : "c",
             "type" : "Roo.Component",
-            "desc" : "",
+            "desc" : "The component",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.CompositeElement" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Adds elements to this composite.",
+        "sig" : "(els)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "els",
+            "type" : "String/Array",
+            "desc" : "A string CSS selector, an array of elements or an element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "clear",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes all elements.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "contains",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns true if this composite contains the passed element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "eventclick",
+        "name" : "each",
         "type" : "function",
-        "desc" : "Fires when the mouse click an",
-        "sig" : "function (_self, )\n{\n\n}",
+        "desc" : "Calls the passed function passing (el, this, index) for each element in this composite.",
+        "sig" : "(fn, scope)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
-            "name" : "",
-            "type" : "event",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The <i>this</i> object (defaults to the element)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "evententer",
+        "name" : "fill",
         "type" : "function",
-        "desc" : "Fires when mouse over an event",
-        "sig" : "function (_self, Event)\n{\n\n}",
+        "desc" : "Clears this composite and adds the elements returned by the passed selector.",
+        "sig" : "(els)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "Event",
-            "type" : "event",
-            "desc" : "",
+            "name" : "els",
+            "type" : "String/Array",
+            "desc" : "A string CSS selector, an array of elements or an element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "eventleave",
+        "name" : "filter",
         "type" : "function",
-        "desc" : "Fires when the mouse leaves an",
-        "sig" : "function (_self, )\n{\n\n}",
+        "desc" : "Filters this composite to only elements that match the passed selector.",
+        "sig" : "(selector, inverse)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "A string CSS selector",
             "isOptional" : false
           },
           {
-            "name" : "",
-            "type" : "event",
-            "desc" : "",
+            "name" : "inverse",
+            "type" : "Boolean",
+            "desc" : "return inverse filter (not matches)",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "monthchange",
+        "name" : "first",
         "type" : "function",
-        "desc" : "Fires when the displayed month changes",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Returns the first Element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "DatePicker",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected month",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns the number of elements in this composite",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "",
+            "desc" : "Number"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "rendered",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Fires when the grid is rendered",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Returns true if this composite contains the passed element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "select",
+        "name" : "item",
         "type" : "function",
-        "desc" : "Fires when a date is selected",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Returns the Element object at the specified index",
+        "sig" : "(index)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "DatePicker",
+            "name" : "index",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected date",
-            "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "show",
+        "name" : "last",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns the last Element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "removeElement",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Removes the specified element(s).",
+        "sig" : "(el, removeDom)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "el",
+            "type" : "Mixed",
+            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nor an array of any of those.",
+            "isOptional" : false
+          },
+          {
+            "name" : "removeDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to also remove the element from the document",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "replaceElement",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Replaces the specified element with the passed element.",
+        "sig" : "(el, replacement, domReplace)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Number",
+            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nto replace.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "replacement",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of an element or the Element itself.",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "domReplace",
+            "type" : "Boolean",
+            "desc" : "True to remove and replace the element in the document too.",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.CompositeElementLite"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.CompositeElementLite" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "capture",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Adds elements to this composite.",
+        "sig" : "(els)",
+        "static" : false,
+        "memberOf" : "Roo.CompositeElement",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "els",
+            "type" : "String/Array",
+            "desc" : "A string CSS selector, an array of elements or an element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "clear",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Removes all elements.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "contains",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Returns true if this composite contains the passed element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "",
+            "desc" : "Boolean"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "each",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Calls the passed function passing (el, this, index) for each element in this composite. <b>The element\npassed is the flyweight (shared) Roo.Element instance, so if you require a\na reference to the dom node, use el.dom.</b>",
+        "sig" : "(fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The <i>this</i> object (defaults to the element)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "CompositeElement",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "fill",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Clears this composite and adds the elements returned by the passed selector.",
+        "sig" : "(els)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "els",
+            "type" : "String/Array",
+            "desc" : "A string CSS selector, an array of elements or an element",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "CompositeElement",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "filter",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Filters this composite to only elements that match the passed selector.",
+        "sig" : "(selector, inverse)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "A string CSS selector",
+            "isOptional" : false
+          },
+          {
+            "name" : "inverse",
             "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "desc" : "return inverse filter (not matches)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "CompositeElement",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "first",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the first Element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The element"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the number of elements in this composite",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "",
+            "desc" : "Number"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns true if this composite contains the passed element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.CompositeElement",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
+          }
+        ]
+      },
+      {
+        "name" : "item",
+        "type" : "function",
+        "desc" : "Returns a flyweight Element of the dom element object at the specified index",
+        "sig" : "(index)",
+        "static" : false,
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "last",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns the last Element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "removeElement",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes the specified element(s).",
+        "sig" : "(el, removeDom)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "Mixed",
+            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nor an array of any of those.",
+            "isOptional" : false
+          },
+          {
+            "name" : "removeDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to also remove the element from the document",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "on",
+        "name" : "replaceElement",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Replaces the specified element with the passed element.",
+        "sig" : "(el, replacement, domReplace)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.CompositeElement",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Number",
+            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nto replace.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "replacement",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of an element or the Element itself.",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "domReplace",
+            "type" : "Boolean",
+            "desc" : "True to remove and replace the element in the document too.",
             "isOptional" : false
           }
         ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement",
+            "desc" : "this"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.DDView" : {
+    "props" : [
+      {
+        "name" : "allowCopy",
+        "type" : "Boolean",
+        "desc" : "Causes ctrl/drag operations to copy nodes rather than move.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "copy",
+        "type" : "Boolean",
+        "desc" : "Causes drag operations to copy nodes rather than move.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dragGroup",
+        "type" : "String/Array",
+        "desc" : "The ddgroup name(s) for the View's DragZone.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropGroup",
+        "type" : "String/Array",
+        "desc" : "The ddgroup name(s) for the View's DropZone.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getContextMenu",
+        "type" : "function",
+        "desc" : "Return the context menu for this DDView.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getDragData",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Create the drag data which consists of an object which has the property \"ddel\" as\n\tthe drag proxy element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "getDropPoint",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Decide whether to drop above or below a View node.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Allows this class to be an Roo.form.Field so it can be found using {@link Roo.form.BasicForm#findField}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "getTargetFromEvent",
+        "type" : "function",
+        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n\twhole Element becomes the target, and this causes the drop gesture to append.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "eventName",
+            "name" : "",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
+            "desc" : "a parenthesised list of the ids of the Records in the View."
           }
-        ],
+        ]
+      },
+      {
+        "name" : "onDblClick",
+        "type" : "function",
+        "desc" : "Double click fires the event, but also, if this is draggable, and there is only one other\n\trelated DropZone, it transfers the selected node.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Remove {@link Roo.data.Record}s at the specified indices.",
+        "sig" : "(selectedIndices)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "selectedIndices",
+            "type" : "Array/Number",
+            "desc" : "The index (or Array of indices) of Records to remove.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setDeletable",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Utility method. Add a delete option to the DDView's context menu.",
+        "sig" : "(imageUrl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "imageUrl",
+            "type" : "String",
+            "desc" : "The URL of the \"delete\" icon image.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "setDraggable",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Specify to which ddGroup items in this DDView may be dragged.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setDroppable",
         "type" : "function",
-        "desc" : "Show this component.",
+        "desc" : "Specify from which ddGroup this DDView accepts drops.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Loads the View from a JSON string representing the Records to put into the Store.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       }
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.ColorPalette" : {
+  "Roo.DatePicker" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowReselect",
+        "name" : "cancelText",
+        "type" : "String",
+        "desc" : "The text to display on the cancel button",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "constrainToViewport",
         "type" : "Boolean",
-        "desc" : "If set to true then reselecting a color that is already selected fires the selection event",
-        "memberOf" : ""
+        "desc" : "True to constrain the date picker to the viewport (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dayNames",
+        "type" : "Array",
+        "desc" : "An array of textual day names which can be overriden for localization support (defaults to Date.dayNames)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "disabledDatesRE",
+        "type" : "RegExp",
+        "desc" : "JavaScript regular expression used to disable a pattern of dates (defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDatesText",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "The tooltip text to display when the date falls on a disabled date (defaults to \"\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "itemCls",
+        "name" : "disabledDays",
+        "type" : "Array",
+        "desc" : "An array of days to disable, 0-based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDaysText",
         "type" : "String",
-        "desc" : "The CSS class to apply to the containing element (defaults to \"x-color-palette\")",
-        "memberOf" : ""
+        "desc" : "The tooltip to display when the date falls on a disabled day (defaults to \"\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "format",
+        "type" : "String",
+        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "value",
+        "name" : "maxDate",
+        "type" : "Date",
+        "desc" : "Maximum allowable date (JavaScript date object, defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxText",
         "type" : "String",
-        "desc" : "The initial color to highlight (should be a valid 6-digit color hex code without the # symbol).  Note that\nthe hex codes are case-sensitive.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
+        "desc" : "The error text to display if the maxDate validation fails (defaults to \"This date is after the maximum date\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "beforedestroy",
+        "name" : "minDate",
+        "type" : "Date",
+        "desc" : "Minimum allowable date (JavaScript date object, defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minText",
+        "type" : "String",
+        "desc" : "The error text to display if the minDate validation fails (defaults to \"This date is before the minimum date\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monthNames",
+        "type" : "Array",
+        "desc" : "An array of textual month names which can be overriden for localization support (defaults to Date.monthNames)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monthYearText",
+        "type" : "String",
+        "desc" : "The header month selector tooltip (defaults to 'Choose a month (Control+Up/Down to move years)')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "nextText",
+        "type" : "String",
+        "desc" : "The next month navigation button tooltip (defaults to 'Next Month (Control+Right)')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "okText",
+        "type" : "String",
+        "desc" : "The text to display on the ok button",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "prevText",
+        "type" : "String",
+        "desc" : "The previous month navigation button tooltip (defaults to 'Previous Month (Control+Left)')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showClear",
+        "type" : "Bool",
+        "desc" : "Show a clear button (usefull for date form elements that can be blank.)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "startDay",
+        "type" : "Number",
+        "desc" : "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "todayText",
+        "type" : "String",
+        "desc" : "The text to display on the button that selects the current date (defaults to \"Today\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "todayTip",
+        "type" : "String",
+        "desc" : "The tooltip to display for the button that selects the current date (defaults to \"{current date} (Spacebar)\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
         "type" : "function",
         "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
         "sig" : "function (_self)\n{\n\n}",
         ],
         "returns" : []
       },
+      {
+        "name" : "monthchange",
+        "type" : "function",
+        "desc" : "Fires when the displayed month changes",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "DatePicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected month",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "select",
         "type" : "function",
-        "desc" : "Fires when a color is selected",
-        "sig" : "function (_self, color)\n{\n\n}",
+        "desc" : "Fires when a date is selected",
+        "sig" : "function (_self, date)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "ColorPalette",
+            "type" : "DatePicker",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "color",
-            "type" : "String",
-            "desc" : "The 6-digit color hex code (without the # symbol)",
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected date",
             "isOptional" : false
           }
         ],
           }
         ]
       },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Gets the current selected value of the date field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Date",
+            "desc" : "The selected date"
+          }
+        ]
+      },
       {
         "name" : "hasListener",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "select",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Selects the specified color in the palette (fires the select event)",
-        "sig" : "(color)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "color",
-            "type" : "String",
-            "desc" : "A valid 6-digit color hex code (# will be stripped if included)",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Sets the value of the date field",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "value",
+            "type" : "Date",
+            "desc" : "The date to set",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.Component" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
+  "Roo.DialogManager" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "beforerender",
+        "name" : "bringToFront",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Brings the specified dialog to the front",
+        "sig" : "(dlg)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "dlg",
+            "type" : "String/Object",
+            "desc" : "The id of the dialog or a dialog",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "get",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Gets a registered dialog by id",
+        "sig" : "(id)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "id",
+            "type" : "String/Object",
+            "desc" : "The id of the dialog or a dialog",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "hideAll",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Hides all dialogs",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "sendToBack",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Sends the specified dialog to the back",
+        "sig" : "(dlg)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "dlg",
+            "type" : "String/Object",
+            "desc" : "The id of the dialog or a dialog",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
-      },
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Document" : {
+    "props" : [
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         ],
         "returns" : []
       },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "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" : ""
-          }
-        ]
-      },
       {
         "name" : "hasListener",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "un",
         "type" : "function",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.BoxComponent",
-      "Roo.CalendarPanel",
-      "Roo.ColorPalette",
-      "Roo.DatePicker",
-      "Roo.Editor",
-      "Roo.HtmlEditorCore",
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Body",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.CardFooter",
-      "Roo.bootstrap.CardHeader",
-      "Roo.bootstrap.CardImageTop",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.Component",
-      "Roo.bootstrap.Container",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Modal",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Popover",
-      "Roo.bootstrap.PopoverNav",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.TableBody",
-      "Roo.bootstrap.TableCell",
-      "Roo.bootstrap.TableRow",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Item",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.HtmlEditorToolbarStandard",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.layout.Border",
-      "Roo.bootstrap.layout.Manager",
-      "Roo.bootstrap.menu.Item",
-      "Roo.bootstrap.menu.Menu",
-      "Roo.bootstrap.menu.Separator",
-      "Roo.bootstrap.nav.Bar",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.Item",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar",
-      "Roo.form.Checkbox",
-      "Roo.form.Column",
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboBoxArray.Item",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
-      "Roo.form.FCKeditor",
-      "Roo.form.Field",
-      "Roo.form.FieldSet",
-      "Roo.form.GridField",
-      "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
-      "Roo.form.Layout",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Radio",
-      "Roo.form.Row",
-      "Roo.form.Select",
-      "Roo.form.Signature",
-      "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TextItem",
-      "Roo.form.TriggerField",
-      "Roo.grid.GridEditor",
-      "Roo.menu.Adapter",
-      "Roo.menu.BaseItem",
-      "Roo.menu.CheckItem",
-      "Roo.menu.ColorItem",
-      "Roo.menu.DateItem",
-      "Roo.menu.Item",
-      "Roo.menu.Separator",
-      "Roo.menu.TextItem",
-      "Roo.tree.TreeEditor"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.ComponentMgr" : {
+  "Roo.DomHelper" : {
     "props" : [],
     "events" : [],
     "methods" : [
       {
-        "name" : "get",
+        "name" : "append",
         "type" : "function",
-        "desc" : "Returns a component by id",
-        "sig" : "(id)",
+        "desc" : "Creates new Dom element(s) and appends them to el",
+        "sig" : "(el, o, returnElement)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The component id",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object/String",
+            "desc" : "The Dom object spec (and children) or raw HTML blob",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node"
+          }
+        ]
       },
       {
-        "name" : "onAvailable",
+        "name" : "applyStyles",
         "type" : "function",
-        "desc" : "Registers a function that will be called when a specified component is added to ComponentMgr",
-        "sig" : "(id, fn, scope)",
+        "desc" : "Applies a style specification to an element",
+        "sig" : "(el, styles)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The component id",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Funtction",
-            "desc" : "The callback function",
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "The element to apply styles to",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "The scope of the callback",
+            "name" : "styles",
+            "type" : "String/Object/Function",
+            "desc" : "A style specification string eg \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "register",
+        "name" : "createTemplate",
         "type" : "function",
-        "desc" : "Registers a component.",
-        "sig" : "(c)",
+        "desc" : "Creates a new Roo.DomHelper.Template from the Dom object spec",
+        "sig" : "(o)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "c",
-            "type" : "Roo.Component",
-            "desc" : "The component",
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The Dom object spec (and children)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.DomHelper.Template",
+            "desc" : "The new template"
+          }
+        ]
       },
       {
-        "name" : "unregister",
+        "name" : "insertAfter",
         "type" : "function",
-        "desc" : "Unregisters a component.",
-        "sig" : "(c)",
+        "desc" : "Creates new Dom element(s) and inserts them after el",
+        "sig" : "(el, o, returnElement)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "c",
-            "type" : "Roo.Component",
-            "desc" : "The component",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The Dom object spec (and children)",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.CompositeElement" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node"
+          }
+        ]
+      },
       {
-        "name" : "add",
+        "name" : "insertBefore",
         "type" : "function",
-        "desc" : "Adds elements to this composite.",
-        "sig" : "(els)",
+        "desc" : "Creates new Dom element(s) and inserts them before el",
+        "sig" : "(el, o, returnElement)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "els",
-            "type" : "String/Array",
-            "desc" : "A string CSS selector, an array of elements or an element",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object/String",
+            "desc" : "The Dom object spec (and children) or raw HTML blob",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node"
           }
         ]
       },
       {
-        "name" : "clear",
+        "name" : "insertFirst",
         "type" : "function",
-        "desc" : "Removes all elements.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Creates new Dom element(s) and inserts them as the first child of el",
+        "sig" : "(el, o, returnElement)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object/String",
+            "desc" : "The Dom object spec (and children) or raw HTML blob",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node"
+          }
+        ]
       },
       {
-        "name" : "contains",
+        "name" : "insertHtml",
         "type" : "function",
-        "desc" : "Returns true if this composite contains the passed element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Inserts an HTML fragment into the Dom",
+        "sig" : "(where, el, html)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "where",
+            "type" : "String",
+            "desc" : "Where to insert the html in relation to el - beforeBegin, afterBegin, beforeEnd, afterEnd.",
+            "isOptional" : false
+          },
+          {
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "The HTML fragmenet",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "type" : "HTMLElement",
+            "desc" : "The new node"
           }
         ]
       },
       {
-        "name" : "each",
+        "name" : "markup",
         "type" : "function",
-        "desc" : "Calls the passed function passing (el, this, index) for each element in this composite.",
-        "sig" : "(fn, scope)",
+        "desc" : "Returns the markup for the passed Element(s) config",
+        "sig" : "(o)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "o",
             "type" : "Object",
-            "desc" : "(optional) The <i>this</i> object (defaults to the element)",
+            "desc" : "The Dom object spec (and children)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "fill",
+        "name" : "overwrite",
         "type" : "function",
-        "desc" : "Clears this composite and adds the elements returned by the passed selector.",
-        "sig" : "(els)",
+        "desc" : "Creates new Dom element(s) and overwrites the contents of el with them",
+        "sig" : "(el, o, returnElement)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "els",
-            "type" : "String/Array",
-            "desc" : "A string CSS selector, an array of elements or an element",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object/String",
+            "desc" : "The Dom object spec (and children) or raw HTML blob",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node"
           }
         ]
       },
       {
-        "name" : "filter",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Filters this composite to only elements that match the passed selector.",
-        "sig" : "(selector, inverse)",
+        "desc" : "Updates the first element with the spec from the o (replacing if necessary)\nThis iterates through the children, and updates attributes / children etc..",
+        "sig" : "(el, o)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "A string CSS selector",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The context element",
             "isOptional" : false
           },
           {
-            "name" : "inverse",
-            "type" : "Boolean",
-            "desc" : "return inverse filter (not matches)",
+            "name" : "o",
+            "type" : "Object/String",
+            "desc" : "The Dom object spec (and children) or raw HTML blob",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.DomQuery" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "first",
+        "name" : "compile",
         "type" : "function",
-        "desc" : "Returns the first Element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Compiles a selector/xpath query into a reusable function. The returned function\ntakes one parameter \"root\" (optional), which is the context node from where the query should start.",
+        "sig" : "(selector, type)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The selector/xpath query",
+            "isOptional" : false
+          },
+          {
+            "name" : "type",
+            "type" : "String",
+            "desc" : "(optional) Either \"select\" (the default) or \"simple\" for a simple selector match",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Function",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getCount",
+        "name" : "filter",
         "type" : "function",
-        "desc" : "Returns the number of elements in this composite",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Filters an array of elements to only include matches of a simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(el, selector, nonMatches)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "Array",
+            "desc" : "An array of elements to filter",
+            "isOptional" : false
+          },
+          {
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
+            "isOptional" : false
+          },
+          {
+            "name" : "nonMatches",
+            "type" : "Boolean",
+            "desc" : "If true, it returns the elements that DON'T match\nthe selector instead of the ones that match",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Number"
+            "type" : "Array",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "indexOf",
+        "name" : "is",
         "type" : "function",
-        "desc" : "Returns true if this composite contains the passed element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns true if the passed element(s) match the passed simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(el, selector)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Array",
+            "desc" : "An element id, element or array of elements",
+            "isOptional" : false
+          },
+          {
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "type" : "Boolean",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "item",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Returns the Element object at the specified index",
-        "sig" : "(index)",
+        "desc" : "Selects a group of elements.",
+        "sig" : "(selector, root)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The selector/xpath query (can be a comma separated list of selectors)",
+            "isOptional" : false
+          },
+          {
+            "name" : "root",
+            "type" : "Node",
+            "desc" : "(optional) The start of the query (defaults to document).",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Array",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "last",
+        "name" : "selectNode",
         "type" : "function",
-        "desc" : "Returns the last Element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Selects a single element.",
+        "sig" : "(selector, root)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The selector/xpath query",
+            "isOptional" : false
+          },
+          {
+            "name" : "root",
+            "type" : "Node",
+            "desc" : "(optional) The start of the query (defaults to document).",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Element",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "removeElement",
+        "name" : "selectNumber",
         "type" : "function",
-        "desc" : "Removes the specified element(s).",
-        "sig" : "(el, removeDom)",
+        "desc" : "Selects the value of a node, parsing integers and floats.",
+        "sig" : "(selector, root, defaultValue)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "Mixed",
-            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nor an array of any of those.",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The selector/xpath query",
             "isOptional" : false
           },
           {
-            "name" : "removeDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to also remove the element from the document",
+            "name" : "root",
+            "type" : "Node",
+            "desc" : "(optional) The start of the query (defaults to document).",
+            "isOptional" : false
+          },
+          {
+            "name" : "defaultValue",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "replaceElement",
+        "name" : "selectValue",
         "type" : "function",
-        "desc" : "Replaces the specified element with the passed element.",
-        "sig" : "(el, replacement, domReplace)",
+        "desc" : "Selects the value of a node, optionally replacing null with the defaultValue.",
+        "sig" : "(selector, root, defaultValue)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Number",
-            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nto replace.",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The selector/xpath query",
             "isOptional" : false
           },
           {
-            "name" : "replacement",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of an element or the Element itself.",
+            "name" : "root",
+            "type" : "Node",
+            "desc" : "(optional) The start of the query (defaults to document).",
             "isOptional" : false
           },
           {
-            "name" : "domReplace",
-            "type" : "Boolean",
-            "desc" : "(Optional) True to remove and replace the element in the document too.",
+            "name" : "defaultValue",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.CompositeElementLite"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.CompositeElementLite" : {
-    "props" : [],
+  "Roo.DomTemplate" : {
+    "props" : [
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The Url to load the template from. beware if you are loading from a url, the data may not be ready if you use it instantly..\n                   it should be fixed so that template is observable...",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
     "events" : [],
     "methods" : [
       {
-        "name" : "add",
+        "name" : "append",
         "type" : "function",
-        "desc" : "Adds elements to this composite.",
-        "sig" : "(els)",
+        "desc" : "Applies the supplied values to the template and appends the new node(s) to el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "els",
-            "type" : "String/Array",
-            "desc" : "A string CSS selector, an array of elements or an element",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "clear",
+        "name" : "apply",
         "type" : "function",
-        "desc" : "Removes all elements.",
+        "desc" : "Alias for {@link #applyTemplate}",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "contains",
+        "name" : "applySubTemplate",
         "type" : "function",
-        "desc" : "Returns true if this composite contains the passed element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "same as applyTemplate, except it's done to one of the subTemplates\nwhen using named templates, you can do:\n\nvar str = pl.applySubTemplate('your-name', values);",
+        "sig" : "(id, values, parent)",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "name" : "id",
+            "type" : "Number",
+            "desc" : "of the template",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "to apply to template",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Object",
+            "desc" : "(normaly the instance of this object)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "each",
+        "name" : "applyTemplate",
         "type" : "function",
-        "desc" : "Calls the passed function passing (el, this, index) for each element in this composite. <b>The element\npassed is the flyweight (shared) Roo.Element instance, so if you require a\na reference to the dom node, use el.dom.</b>",
-        "sig" : "(fn, scope)",
+        "desc" : "Returns an HTML fragment of this template with the specified values applied.",
+        "sig" : "(values)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "values",
             "type" : "Object",
-            "desc" : "(optional) The <i>this</i> object (defaults to the element)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "fill",
-        "type" : "function",
-        "desc" : "Clears this composite and adds the elements returned by the passed selector.",
-        "sig" : "(els)",
-        "static" : false,
-        "memberOf" : "Roo.CompositeElement",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "els",
-            "type" : "String/Array",
-            "desc" : "A string CSS selector, an array of elements or an element",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
+            "type" : "String",
+            "desc" : "The HTML fragment"
           }
         ]
       },
       {
-        "name" : "filter",
+        "name" : "compile",
         "type" : "function",
-        "desc" : "Filters this composite to only elements that match the passed selector.",
-        "sig" : "(selector, inverse)",
+        "desc" : "compile the template\n\nThis is not recursive, so I'm not sure how nested templates are really going to be handled..",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "A string CSS selector",
-            "isOptional" : false
-          },
-          {
-            "name" : "inverse",
-            "type" : "Boolean",
-            "desc" : "return inverse filter (not matches)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "first",
+        "name" : "compileTpl",
         "type" : "function",
-        "desc" : "Returns the first Element",
+        "desc" : "Compile a segment of the template into a 'sub-template'",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getCount",
+        "name" : "from",
         "type" : "function",
-        "desc" : "Returns the number of elements in this composite",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.CompositeElement",
-        "isStatic" : false,
+        "desc" : "Creates a template from the passed element's value (<i>display:none</i> textarea, preferred) or innerHTML.",
+        "sig" : "(el)",
+        "static" : true,
+        "memberOf" : "Roo.Template",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "",
-            "desc" : "Number"
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "A DOM element or its id",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "indexOf",
+        "name" : "insertAfter",
         "type" : "function",
-        "desc" : "Returns true if this composite contains the passed element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) after el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "item",
+        "name" : "insertBefore",
         "type" : "function",
-        "desc" : "Returns a flyweight Element of the dom element object at the specified index",
-        "sig" : "(index)",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) before el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "last",
+        "name" : "insertFirst",
         "type" : "function",
-        "desc" : "Returns the last Element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) as the first child of el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "removeElement",
+        "name" : "overwrite",
         "type" : "function",
-        "desc" : "Removes the specified element(s).",
-        "sig" : "(el, removeDom)",
+        "desc" : "Applies the supplied values to the template and overwrites the content of el with the new node(s).",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "el",
-            "type" : "Mixed",
-            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nor an array of any of those.",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
             "isOptional" : false
           },
           {
-            "name" : "removeDom",
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
             "type" : "Boolean",
-            "desc" : "(optional) True to also remove the element from the document",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
-            "desc" : "this"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "replaceElement",
+        "name" : "set",
         "type" : "function",
-        "desc" : "Replaces the specified element with the passed element.",
-        "sig" : "(el, replacement, domReplace)",
+        "desc" : "Sets the HTML used as the template and optionally compiles it.",
+        "sig" : "(html, compile)",
         "static" : false,
-        "memberOf" : "Roo.CompositeElement",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Number",
-            "desc" : "The id of an element, the Element itself, the index of the element in this composite\nto replace.",
-            "isOptional" : false
-          },
-          {
-            "name" : "replacement",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of an element or the Element itself.",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "domReplace",
+            "name" : "compile",
             "type" : "Boolean",
-            "desc" : "(Optional) True to remove and replace the element in the document too.",
+            "desc" : "(optional) True to compile the template (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement",
+            "type" : "Roo.Template",
             "desc" : "this"
           }
         ]
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.ContentPanel" : {
+  "Roo.Editor" : {
     "props" : [
       {
-        "name" : "adjustments",
-        "type" : "Array",
-        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
-        "memberOf" : ""
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoCreate",
-        "type" : "Boolean|Object",
-        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
-        "memberOf" : ""
+        "name" : "alignment",
+        "type" : "String",
+        "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details, defaults to \"c-c?\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoScroll",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
-        "memberOf" : ""
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "background",
+        "name" : "autosize",
+        "type" : "Boolean/String",
+        "desc" : "True for the editor to automatically adopt the size of the underlying field, \"width\" to adopt the width only,\nor \"height\" to adopt the height only (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cancelOnEsc",
         "type" : "Boolean",
-        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to cancel the edit when the escape key is pressed (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "closable",
+        "name" : "completeOnEnter",
         "type" : "Boolean",
-        "desc" : "True if the panel can be closed/removed",
-        "memberOf" : ""
+        "desc" : "True to complete the edit when the enter key is pressed (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "content",
+        "name" : "constrain",
+        "type" : "Boolean",
+        "desc" : "True to constrain the editor to the viewport",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
-        "memberOf" : ""
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fitContainer",
+        "name" : "hideEl",
         "type" : "Boolean",
-        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
-        "memberOf" : ""
+        "desc" : "False to keep the bound element visible while the editor is displayed (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fitToFrame",
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "ignoreNoChange",
         "type" : "Boolean",
-        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to skip the the edit completion process (no save, no events fired) if the user completes an edit and\nthe value has not changed (defaults to false).  Applies only to string values - edits for other data types\nwill never be ignored.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadOnce",
+        "name" : "revertInvalid",
         "type" : "Boolean",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : ""
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "popup menu",
-        "memberOf" : ""
+        "desc" : "True to automatically revert the field value and cancel the edit when the user completes an edit and the field\nvalidation fails (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "params",
-        "type" : "String|Object",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : ""
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "\"sides\" for sides/bottom only, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"frame\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "region",
+        "name" : "style",
         "type" : "String",
-        "desc" : "[required]   (center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : ""
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "resizeEl",
-        "type" : "String|HTMLElement|Element",
-        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
-        "memberOf" : ""
+        "name" : "updateEl",
+        "type" : "Boolean",
+        "desc" : "True to update the innerHTML of the bound element when the update completes (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "Extra style to add to the content panel",
-        "memberOf" : ""
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "The data value of the underlying field (defaults to \"\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforecomplete",
+        "type" : "function",
+        "desc" : "Fires after a change has been made to the field, but before the change is reflected in the underlying\nfield.  Saving the change to the field can be canceled by returning false from the handler of this event.\nNote that if the value has not changed and ignoreNoChange = true, the editing will still end but this\nevent will not fire since no edit actually occurred.",
+        "sig" : "function (_self, value, startValue)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Editor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The current field value",
+            "isOptional" : false
+          },
+          {
+            "name" : "startValue",
+            "type" : "Mixed",
+            "desc" : "The original field value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for this panel",
-        "memberOf" : ""
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "A toolbar for this panel",
-        "memberOf" : ""
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "Calls {@link #setUrl} with this value",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
-        "name" : "activate",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforestartedit",
+        "type" : "function",
+        "desc" : "Fires when editing is initiated, but before the value changes.  Editing can be canceled by returning\nfalse from the handler of this event.",
+        "sig" : "function (_self, boundEl, value)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Editor",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "boundEl",
+            "type" : "Roo.Element",
+            "desc" : "The underlying element bound to this editor",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The field value being set",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "complete",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires after editing is complete and any changed value has been written to the underlying field.",
+        "sig" : "function (_self, value, startValue)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Editor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The current field value",
+            "isOptional" : false
+          },
+          {
+            "name" : "startValue",
+            "type" : "Mixed",
+            "desc" : "The original field value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this tab is created",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this panel is resized if fitToFrame is true.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The width after any component adjustments",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "startedit",
+        "type" : "function",
+        "desc" : "Fires when this editor is displayed",
+        "sig" : "function (boundEl, value)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "boundEl",
+            "type" : "Roo.Element",
+            "desc" : "The underlying element bound to this editor",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The height after any component adjustments",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The starting field value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addxtype",
+        "name" : "cancelEdit",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Cancels the editing process and hides the editor without persisting any changes.  The field value will be\nreverted to the original starting value.",
+        "sig" : "(remainVisible)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cfg",
-            "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "name" : "remainVisible",
+            "type" : "Boolean",
+            "desc" : "Override the default behavior and keep the editor visible after\ncancel (defaults to false)",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
+      {
+        "name" : "completeEdit",
+        "type" : "function",
+        "desc" : "Ends the editing process, persists the changed value to the underlying field, and hides the editor.",
+        "sig" : "(remainVisible)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "remainVisible",
+            "type" : "Boolean",
+            "desc" : "Override the default behavior and keep the editor visible after edit (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this panel",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Returns this panel's element - used by regiosn to add.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns this panel's id",
-        "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" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getTitle",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns this panel's title",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getToolbar",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the toolbar for this Panel if one was configured.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar",
+            "type" : "String",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
+        "desc" : "Gets the data value of the editor",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "Mixed",
+            "desc" : "The data value"
           }
         ]
       },
         ]
       },
       {
-        "name" : "isClosable",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true is this panel was configured to be closable",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "refresh",
+        "name" : "realign",
         "type" : "function",
-        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
+        "desc" : "Realigns the editor to the bound field based on the current alignment config value.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "setContent",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Updates this panel's element",
-        "sig" : "(content, loadScripts)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The new content",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Set this panel's title",
-        "sig" : "(title)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
+            "name" : "disabled",
+            "type" : "Boolean",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setUrl",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
-        "sig" : "(url, params, loadOnce)",
+        "desc" : "Sets the height and width of this editor.",
+        "sig" : "(width, height)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from or a function to call to get the URL",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
             "isOptional" : false
           },
           {
-            "name" : "loadOnce",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Sets the data value of the editor",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "Any valid value supported by the underlying field",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.GridPanel",
-      "Roo.NestedLayoutPanel",
-      "Roo.TreePanel"
-    ],
-    "tree_children" : [
-      "Roo.form.Form",
-      "Roo.JsonView",
-      "Roo.View",
-      "Roo.JsonView"
-    ],
-    "tree_parent" : [
-      "Roo.BorderLayout",
-      "Roo.LayoutDialog",
-      "builder-top"
-    ]
-  },
-  "Roo.DDView" : {
-    "props" : [
-      {
-        "name" : "allowCopy",
-        "type" : "Boolean",
-        "desc" : "Causes ctrl/drag operations to copy nodes rather than move.",
-        "memberOf" : ""
       },
       {
-        "name" : "copy",
-        "type" : "Boolean",
-        "desc" : "Causes drag operations to copy nodes rather than move.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "dragGroup",
-        "type" : "String/Array",
-        "desc" : "The ddgroup name(s) for the View's DragZone.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "dropGroup",
-        "type" : "String/Array",
-        "desc" : "The ddgroup name(s) for the View's DropZone.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "getContextMenu",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Return the context menu for this DDView.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "getDragData",
-        "type" : "function",
-        "desc" : "Create the drag data which consists of an object which has the property \"ddel\" as\n\tthe drag proxy element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "getDropPoint",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Decide whether to drop above or below a View node.",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "getName",
+        "name" : "startEdit",
         "type" : "function",
-        "desc" : "Allows this class to be an Roo.form.Field so it can be found using {@link Roo.form.BasicForm#findField}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Starts the editing process and shows the editor.",
+        "sig" : "(el, value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to edit",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) A value to initialize the editor with. If a value is not provided, it defaults\nto the innerHTML of el.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "getTargetFromEvent",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n\twhole Element becomes the target, and this causes the drop gesture to append.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.grid.GridEditor",
+      "Roo.tree.TreeEditor"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Element" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "getValue",
+        "name" : "addClass",
         "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.",
+        "sig" : "(className)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "className",
+            "type" : "String/Array",
+            "desc" : "The CSS class to add, or an array of classes",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "a parenthesised list of the ids of the Records in the View."
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "onDblClick",
+        "name" : "addClassOnClick",
         "type" : "function",
-        "desc" : "Double click fires the event, but also, if this is draggable, and there is only one other\n\trelated DropZone, it transfers the selected node.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)",
+        "sig" : "(className)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "className",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "remove",
+        "name" : "addClassOnFocus",
         "type" : "function",
-        "desc" : "Remove {@link Roo.data.Record}s at the specified indices.",
-        "sig" : "(selectedIndices)",
+        "desc" : "Sets up event handlers to add and remove a css class when this element has the focus",
+        "sig" : "(className)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectedIndices",
-            "type" : "Array/Number",
-            "desc" : "The index (or Array of indices) of Records to remove.",
+            "name" : "className",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setDeletable",
+        "name" : "addClassOnOver",
         "type" : "function",
-        "desc" : "Utility method. Add a delete option to the DDView's context menu.",
-        "sig" : "(imageUrl)",
+        "desc" : "Sets up event handlers to add and remove a css class when the mouse is over this element",
+        "sig" : "(className, preventFlicker)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "imageUrl",
+            "name" : "className",
             "type" : "String",
-            "desc" : "The URL of the \"delete\" icon image.",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "preventFlicker",
+            "type" : "Boolean",
+            "desc" : "(optional) If set to true, it prevents flickering by filtering\nmouseout events for children elements",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setDraggable",
+        "name" : "addKeyListener",
         "type" : "function",
-        "desc" : "Specify to which ddGroup items in this DDView may be dragged.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience method for constructing a KeyMap",
+        "sig" : "(key, fn, scope)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "key",
+            "type" : "Number/Array/Object/String",
+            "desc" : "Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:\n                                 {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.KeyMap",
+            "desc" : "The KeyMap created"
+          }
+        ]
       },
       {
-        "name" : "setDroppable",
+        "name" : "addKeyMap",
         "type" : "function",
-        "desc" : "Specify from which ddGroup this DDView accepts drops.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Creates a KeyMap for this element",
+        "sig" : "(config)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The KeyMap config. See {@link Roo.KeyMap} for more details",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.KeyMap",
+            "desc" : "The KeyMap created"
+          }
+        ]
       },
       {
-        "name" : "setValue",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Loads the View from a JSON string representing the Records to put into the Store.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler",
+        "sig" : "(eventName, fn, scope, options)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.DatePicker" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "cancelText",
-        "type" : "String",
-        "desc" : "The text to display on the cancel button",
-        "memberOf" : ""
-      },
-      {
-        "name" : "constrainToViewport",
-        "type" : "Boolean",
-        "desc" : "True to constrain the date picker to the viewport (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "dayNames",
-        "type" : "Array",
-        "desc" : "An array of textual day names which can be overriden for localization support (defaults to Date.dayNames)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disabledDatesRE",
-        "type" : "RegExp",
-        "desc" : "JavaScript regular expression used to disable a pattern of dates (defaults to null)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDatesText",
-        "type" : "String",
-        "desc" : "The tooltip text to display when the date falls on a disabled date (defaults to \"\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDays",
-        "type" : "Array",
-        "desc" : "An array of days to disable, 0-based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDaysText",
-        "type" : "String",
-        "desc" : "The tooltip to display when the date falls on a disabled day (defaults to \"\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "format",
-        "type" : "String",
-        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maxDate",
-        "type" : "Date",
-        "desc" : "Maximum allowable date (JavaScript date object, defaults to null)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxText",
-        "type" : "String",
-        "desc" : "The error text to display if the maxDate validation fails (defaults to \"This date is after the maximum date\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minDate",
-        "type" : "Date",
-        "desc" : "Minimum allowable date (JavaScript date object, defaults to null)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minText",
-        "type" : "String",
-        "desc" : "The error text to display if the minDate validation fails (defaults to \"This date is before the minimum date\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "monthNames",
-        "type" : "Array",
-        "desc" : "An array of textual month names which can be overriden for localization support (defaults to Date.monthNames)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "monthYearText",
-        "type" : "String",
-        "desc" : "The header month selector tooltip (defaults to 'Choose a month (Control+Up/Down to move years)')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "nextText",
-        "type" : "String",
-        "desc" : "The next month navigation button tooltip (defaults to 'Next Month (Control+Right)')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "okText",
-        "type" : "String",
-        "desc" : "The text to display on the ok button",
-        "memberOf" : ""
-      },
-      {
-        "name" : "prevText",
-        "type" : "String",
-        "desc" : "The previous month navigation button tooltip (defaults to 'Previous Month (Control+Left)')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "showClear",
-        "type" : "Bool",
-        "desc" : "Show a clear button (usefull for date form elements that can be blank.)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "startDay",
-        "type" : "Number",
-        "desc" : "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "todayText",
-        "type" : "String",
-        "desc" : "The text to display on the button that selects the current date (defaults to \"Today\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "todayTip",
-        "type" : "String",
-        "desc" : "The tooltip to display for the button that selects the current date (defaults to \"{current date} (Spacebar)\")",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to append",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) of the fn",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "alignTo",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Aligns this element with another element relative to the specified anchor points. If the other element is the\ndocument it aligns it to the viewport.\nThe position parameter is optional, and can be specified in any one of the following formats:\n<ul>\n  <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner (\"tl-bl\").</li>\n  <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.\n      The element being aligned will position its top-left corner (tl) to that point.  <i>This method has been\n      deprecated in favor of the newer two anchor syntax below</i>.</li>\n  <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the\n      element's anchor point, and the second value is used as the target's anchor point.</li>\n</ul>\nIn addition to the anchor points, the position parameter also supports the \"?\" character.  If \"?\" is passed at the end of\nthe position string, the element will attempt to align as specified, but the position will be adjusted to constrain to\nthe viewport if necessary.  Note that the element being aligned might be swapped to align to a different position than\nthat specified in order to enforce the viewport constraints.\nFollowing are all of the supported anchor positions:\n    <pre>\n    Value  Description\n    -----  -----------------------------\n    tl     The top left corner (default)\n    t      The center of the top edge\n    tr     The top right corner\n    l      The center of the left edge\n    c      In the center of the element\n    r      The center of the right edge\n    bl     The bottom left corner\n    b      The center of the bottom edge\n    br     The bottom right corner\n    </pre>\n    Example Usage:\n    <pre><code>\n    // align el to other-el using the default positioning (\"tl-bl\", non-constrained)\n    el.alignTo(\"other-el\");\n\n    // align the top left corner of el with the top right corner of other-el (constrained to viewport)\n    el.alignTo(\"other-el\", \"tr?\");\n\n    // align the bottom right corner of el with the center left edge of other-el\n    el.alignTo(\"other-el\", \"br-l?\");\n\n    // align the center of el with the bottom left corner of other-el and\n    // adjust the x position by -6 pixels (and the y position by 0)\n    el.alignTo(\"other-el\", \"c-bl\", [-6, 0]);\n    </code></pre>",
+        "sig" : "(element, position, offsets, animate)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "position",
+            "type" : "String",
+            "desc" : "The position to align to.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "monthchange",
+        "name" : "anchorTo",
         "type" : "function",
-        "desc" : "Fires when the displayed month changes",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Anchors an element to another element and realigns it when the window is resized.",
+        "sig" : "(element, position, offsets, animate, monitorScroll, callback)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "DatePicker",
-            "desc" : "",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
             "isOptional" : false
           },
           {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected month",
+            "name" : "position",
+            "type" : "String",
+            "desc" : "The position to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation or a standard Element animation config object",
+            "isOptional" : false
+          },
+          {
+            "name" : "monitorScroll",
+            "type" : "Boolean/Number",
+            "desc" : "(optional) True to monitor body scroll and reposition. If this parameter\nis a number, it is used as the buffer delay (defaults to 50ms).",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "The function to call after the animation finishes",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "animate",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Perform animation on this element.",
+        "sig" : "(args, duration, onComplete, easing, animType)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "args",
+            "type" : "Object",
+            "desc" : "The YUI animation control args",
+            "isOptional" : false
+          },
+          {
+            "name" : "duration",
+            "type" : "Float",
+            "desc" : "(optional) How long the animation lasts in seconds (defaults to .35)",
+            "isOptional" : false
+          },
+          {
+            "name" : "onComplete",
+            "type" : "Function",
+            "desc" : "(optional) Function to call when animation completes",
+            "isOptional" : false
+          },
+          {
+            "name" : "easing",
+            "type" : "String",
+            "desc" : "(optional) Easing method to use (defaults to 'easeOut')",
+            "isOptional" : false
+          },
+          {
+            "name" : "animType",
+            "type" : "String",
+            "desc" : "(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "select",
+        "name" : "appendChild",
         "type" : "function",
-        "desc" : "Fires when a date is selected",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Appends the passed element(s) to this element",
+        "sig" : "(el)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "DatePicker",
+            "name" : "el",
+            "type" : "String/HTMLElement/Array/Element/CompositeElement",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected date",
-            "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "show",
+        "name" : "appendTo",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Appends this element to the passed element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The new parent element",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "applyStyles",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "More flexible version of {@link #setStyle} for setting style properties.",
+        "sig" : "(styles)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "styles",
+            "type" : "String/Object/Function",
+            "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "attr",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Sets or Returns the value the dom attribute value",
+        "sig" : "(name, value)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "name",
+            "type" : "String|Object",
+            "desc" : "The attribute name (or object to set multiple attributes)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) The value to set the attribute to",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The attribute value"
+          }
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "autoHeight",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Measures the element's content height and updates height to match. Note: this function uses setTimeout so\nthe new height may not be available immediately.",
+        "sig" : "(animate, duration, onComplete, easing)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "animate",
+            "type" : "Boolean",
+            "desc" : "(optional) Animate the transition (defaults to false)",
             "isOptional" : false
           },
           {
-            "name" : "fn",
+            "name" : "duration",
+            "type" : "Float",
+            "desc" : "(optional) Length of the animation in seconds (defaults to .35)",
+            "isOptional" : false
+          },
+          {
+            "name" : "onComplete",
             "type" : "Function",
-            "desc" : "The function to call",
+            "desc" : "(optional) Function to call when animation completes",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "easing",
+            "type" : "String",
+            "desc" : "(optional) Easing method to use (defaults to easeOut)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "beginMeasure",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Tries to blur the element. Any exceptions are caught and ignored.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "boxWrap",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a\ngradient background, rounded corners and a 4-way shadow.",
+        "sig" : "(class)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "class",
+            "type" : "String",
+            "desc" : "(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').\nNote that there are a number of CSS rules that are dependent on this name to make the overall effect work,\nso if you supply an alternate base class, make sure you also supply all of the necessary rules.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "center",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Centers the Element in either the viewport, or another Element.",
+        "sig" : "(centerIn)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "centerIn",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "(optional) The element in which to center the element.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "child",
+        "type" : "function",
+        "desc" : "Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector, returnDom)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selector",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The CSS selector",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "clean",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Removes worthless text nodes",
+        "sig" : "(forceReclean)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
+            "name" : "forceReclean",
             "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "desc" : "(optional) By default the element\nkeeps track if it has been cleaned already so\nyou can call this over and over. However, if you update the element and\nneed to force a reclean, you can pass true.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "clearOpacity",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Clears any opacity settings from this element. Required in some cases for IE.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The element"
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "clearPositioning",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Clear positioning back to the default when the document was loaded",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "clip",
         "type" : "function",
-        "desc" : "Gets the current selected value of the date field",
+        "desc" : "Store the current overflow setting and clip overflow on the element - use {@link #unclip} to remove",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Date",
-            "desc" : "The selected date"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "contains",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns true if this element is an ancestor of the passed element",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "el",
+            "type" : "HTMLElement/String",
+            "desc" : "The element to check",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : "True if this element is an ancestor of el, else false"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "createChild",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.",
+        "sig" : "(config, insertBefore, returnDom)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "DomHelper element config object.  If no tag is specified (e.g., {tag:'input'}) then a div will be\nautomatically generated with the specified attributes.",
+            "isOptional" : false
+          },
+          {
+            "name" : "insertBefore",
+            "type" : "HTMLElement",
+            "desc" : "(optional) a child element of this element",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return the dom node instead of creating an Element",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.Element",
+            "desc" : "The new child element"
           }
         ]
       },
       {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
+        "name" : "createProxy",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Creates a proxy element of this element",
+        "sig" : "(config, renderTo, matchBox)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "config",
+            "type" : "String/Object",
+            "desc" : "The class name of the proxy element or a DomHelper config object",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "renderTo",
+            "type" : "String/HTMLElement",
+            "desc" : "(optional) The element or element id to render the proxy to (defaults to document.body)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "matchBox",
+            "type" : "Boolean",
+            "desc" : "(optional) True to align and size the proxy to this element now (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The new proxy element"
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "createShim",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Creates an iframe shim for this element to keep selects and other windowed objects from\nshowing through.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The new shim element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "down",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector, returnDom)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "selector",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The CSS selector",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "enableDisplayMode",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Convenience method for setVisibilityMode(Element.DISPLAY)",
+        "sig" : "(display)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "display",
+            "type" : "String",
+            "desc" : "(optional) What to set display to when visible",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "endMeasure",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Restores displays to before beginMeasure was called",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setValue",
+        "name" : "findParent",
         "type" : "function",
-        "desc" : "Sets the value of the date field",
-        "sig" : "(value)",
+        "desc" : "Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(selector, maxDepth, returnEl)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Date",
-            "desc" : "The date to set",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
+            "isOptional" : false
+          },
+          {
+            "name" : "maxDepth",
+            "type" : "Number/String/HTMLElement/Element",
+            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnEl",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "The matching DOM node (or null if no match was found)"
+          }
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "findParentNode",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(selector, maxDepth, returnEl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
+            "isOptional" : false
+          },
+          {
+            "name" : "maxDepth",
+            "type" : "Number/String/HTMLElement/Element",
+            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnEl",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "HTMLElement",
+            "desc" : "The matching DOM node (or null if no match was found)"
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "findScrollableParent",
         "type" : "function",
-        "desc" : "Show this component.",
+        "desc" : "Looks at  the scrollable parent element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "fitToParent",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Sizes this element to its parent element's dimensions performing\nneccessary box adjustments.",
+        "sig" : "(monitorResize, targetParent)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "monitorResize",
+            "type" : "Boolean",
+            "desc" : "(optional) If true maintains the fit when the browser window is resized.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.DialogManager" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "bringToFront",
-        "type" : "function",
-        "desc" : "Brings the specified dialog to the front",
-        "sig" : "(dlg)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "dlg",
-            "type" : "String/Object",
-            "desc" : "The id of the dialog or a dialog",
+            "name" : "targetParent",
+            "type" : "String/HTMLElment/Element",
+            "desc" : "(optional) The target parent, default to the parentNode.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BasicDialog",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "get",
+        "name" : "fly",
         "type" : "function",
-        "desc" : "Gets a registered dialog by id",
-        "sig" : "(id)",
-        "static" : false,
+        "desc" : "Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -\nthe dom node can be overwritten by other code.",
+        "sig" : "(el, named)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Object",
-            "desc" : "The id of the dialog or a dialog",
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "The dom node or id",
+            "isOptional" : false
+          },
+          {
+            "name" : "named",
+            "type" : "String",
+            "desc" : "(optional) Allows for creation of named reusable flyweights to\n                                 prevent conflicts (e.g. internally Roo uses \"_internal\")",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
+            "type" : "Element",
+            "desc" : "The shared Element object"
           }
         ]
       },
       {
-        "name" : "hideAll",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Hides all dialogs",
+        "desc" : "Tries to focus the element. Any exceptions are caught and ignored.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "sendToBack",
+        "name" : "get",
         "type" : "function",
-        "desc" : "Sends the specified dialog to the back",
-        "sig" : "(dlg)",
-        "static" : false,
+        "desc" : "Static method to retrieve Element objects. Uses simple caching to consistently return the same object.\nAutomatically fixes if an object was recreated with the same id via AJAX or DOM.",
+        "sig" : "(el)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "dlg",
-            "type" : "String/Object",
-            "desc" : "The id of the dialog or a dialog",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM Node or an existing Element.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
+            "type" : "Element",
+            "desc" : "The Element object"
           }
         ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Document" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "getAlignToXY",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Gets the x,y coordinates to align this element with another element. See {@link #alignTo} for more info on the\nsupported position values.",
+        "sig" : "(element, position, offsets)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "position",
+            "type" : "String",
+            "desc" : "The position to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "[x, y]"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "getAnchorXY",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Gets the x,y coordinates specified by the anchor position on the element.",
+        "sig" : "(anchor, size, local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "anchor",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "(optional) The specified anchor position (defaults to \"c\").  See {@link #alignTo} for details on supported anchor positions.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
+            "name" : "size",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "(optional) An object containing the size to use for calculating anchor position\n                      {width: (target width), height: (target height)} (defaults to the element's current size)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "[x, y] An array containing the element's x and y coordinates"
+          }
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "getAttributeNS",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Returns the value of a namespaced attribute from the element's underlying DOM node.",
+        "sig" : "(namespace, name)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "namespace",
+            "type" : "String",
+            "desc" : "The namespace in which to look for the attribute",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "name",
+            "type" : "String",
+            "desc" : "The attribute name",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The attribute value"
+          }
+        ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getBorderWidth",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Gets the width of the border(s) for the specified side(s)",
+        "sig" : "(side)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "side",
             "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the border (l)eft width + the border (r)ight width.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Number",
+            "desc" : "The width of the sides passed added together"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getBottom",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Gets the bottom Y coordinate of the element (element Y position + element height)",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "True to get the local css position instead of page coordinate",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "on",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Return a box {x, y, width, height} that can be used to set another elements\nsize/location to match this element.",
+        "sig" : "(contentBox, local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "contentBox",
+            "type" : "Boolean",
+            "desc" : "(optional) If true a box for the content of the element is returned.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page x/y.",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "options",
+            "name" : "",
             "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
+            "desc" : "box An object in the format {x, y, width, height}"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getCenterXY",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Calculates the x, y to center this element on the screen",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The x, y values [x, y]"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "getColor",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values\nare convert to standard 6 digit hex color.",
+        "sig" : "(attr, defaultValue, prefix)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "attr",
             "type" : "String",
-            "desc" : "The type of event to listen for",
+            "desc" : "The css attribute",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "defaultValue",
+            "type" : "String",
+            "desc" : "The default value to use when a valid color isn't found",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "prefix",
+            "type" : "String",
+            "desc" : "(optional) defaults to #. Use an empty string when working with\nYUI color anims.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "getComputedHeight",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders\nwhen needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements\nif a height has not been set using CSS.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.DomHelper" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        ]
+      },
       {
-        "name" : "append",
+        "name" : "getComputedWidth",
         "type" : "function",
-        "desc" : "Creates new Dom element(s) and appends them to el",
-        "sig" : "(el, o, returnElement)",
+        "desc" : "Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders\nwhen needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements\nif a width has not been set using CSS.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object/String",
-            "desc" : "The Dom object spec (and children) or raw HTML blob",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "applyStyles",
+        "name" : "getFrameWidth",
         "type" : "function",
-        "desc" : "Applies a style specification to an element",
-        "sig" : "(el, styles)",
+        "desc" : "Returns the sum width of the padding and borders for the passed \"sides\". See getBorderWidth()\n         for more information about the sides.",
+        "sig" : "(sides)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement",
-            "desc" : "The element to apply styles to",
-            "isOptional" : false
-          },
-          {
-            "name" : "styles",
-            "type" : "String/Object/Function",
-            "desc" : "A style specification string eg \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+            "name" : "sides",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "createTemplate",
+        "name" : "getHeight",
         "type" : "function",
-        "desc" : "Creates a new Roo.DomHelper.Template from the Dom object spec",
-        "sig" : "(o)",
+        "desc" : "Returns the offset height of the element",
+        "sig" : "(contentHeight)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The Dom object spec (and children)",
+            "name" : "contentHeight",
+            "type" : "Boolean",
+            "desc" : "(optional) true to get the height minus borders and padding",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.DomHelper.Template",
-            "desc" : "The new template"
+            "type" : "Number",
+            "desc" : "The element's height"
           }
         ]
       },
       {
-        "name" : "insertAfter",
+        "name" : "getLeft",
         "type" : "function",
-        "desc" : "Creates new Dom element(s) and inserts them after el",
-        "sig" : "(el, o, returnElement)",
+        "desc" : "Gets the left X coordinate",
+        "sig" : "(local)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The Dom object spec (and children)",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
+            "name" : "local",
             "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element",
+            "desc" : "True to get the local css position instead of page coordinate",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "insertBefore",
+        "name" : "getMargins",
         "type" : "function",
-        "desc" : "Creates new Dom element(s) and inserts them before el",
-        "sig" : "(el, o, returnElement)",
+        "desc" : "Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,\nthen it returns the calculated width of the sides (see getPadding)",
+        "sig" : "(sides)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object/String",
-            "desc" : "The Dom object spec (and children) or raw HTML blob",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element",
+            "name" : "sides",
+            "type" : "String",
+            "desc" : "(optional) Any combination of l, r, t, b to get the sum of those sides",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node"
+            "type" : "Object/Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "insertFirst",
+        "name" : "getNextSibling",
         "type" : "function",
-        "desc" : "Creates new Dom element(s) and inserts them as the first child of el",
-        "sig" : "(el, o, returnElement)",
+        "desc" : "Gets the next sibling, skipping text nodes",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object/String",
-            "desc" : "The Dom object spec (and children) or raw HTML blob",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node"
+            "type" : "HTMLElement",
+            "desc" : "The next sibling or null"
           }
         ]
       },
       {
-        "name" : "insertHtml",
+        "name" : "getPadding",
         "type" : "function",
-        "desc" : "Inserts an HTML fragment into the Dom",
-        "sig" : "(where, el, html)",
+        "desc" : "Gets the width of the padding(s) for the specified side(s)",
+        "sig" : "(side)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "where",
-            "type" : "String",
-            "desc" : "Where to insert the html in relation to el - beforeBegin, afterBegin, beforeEnd, afterEnd.",
-            "isOptional" : false
-          },
-          {
-            "name" : "el",
-            "type" : "HTMLElement",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
+            "name" : "side",
             "type" : "String",
-            "desc" : "The HTML fragmenet",
+            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the padding (l)eft + the padding (r)ight.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The new node"
+            "type" : "Number",
+            "desc" : "The padding of the sides passed added together"
           }
         ]
       },
       {
-        "name" : "markup",
+        "name" : "getPositioning",
         "type" : "function",
-        "desc" : "Returns the markup for the passed Element(s) config",
-        "sig" : "(o)",
+        "desc" : "Gets an object with all CSS positioning properties. Useful along with setPostioning to get\nsnapshot before performing an update and then restoring the element.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The Dom object spec (and children)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Object",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "overwrite",
+        "name" : "getPrevSibling",
         "type" : "function",
-        "desc" : "Creates new Dom element(s) and overwrites the contents of el with them",
-        "sig" : "(el, o, returnElement)",
+        "desc" : "Gets the previous sibling, skipping text nodes",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object/String",
-            "desc" : "The Dom object spec (and children) or raw HTML blob",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node"
+            "type" : "HTMLElement",
+            "desc" : "The previous sibling or null"
           }
         ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.DomQuery" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "compile",
+        "name" : "getRegion",
         "type" : "function",
-        "desc" : "Compiles a selector/xpath query into a reusable function. The returned function\ntakes one parameter \"root\" (optional), which is the context node from where the query should start.",
-        "sig" : "(selector, type)",
+        "desc" : "Returns the region of the given element.\nThe element must be part of the DOM tree to have a region (display:none or elements not appended return false).",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The selector/xpath query",
-            "isOptional" : false
-          },
-          {
-            "name" : "type",
-            "type" : "String",
-            "desc" : "(optional) Either \"select\" (the default) or \"simple\" for a simple selector match",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Function",
-            "desc" : ""
+            "type" : "Region",
+            "desc" : "A Roo.lib.Region containing \"top, left, bottom, right\" member data."
           }
         ]
       },
       {
-        "name" : "filter",
+        "name" : "getRight",
         "type" : "function",
-        "desc" : "Filters an array of elements to only include matches of a simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(el, selector, nonMatches)",
+        "desc" : "Gets the right X coordinate of the element (element X position + element width)",
+        "sig" : "(local)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "Array",
-            "desc" : "An array of elements to filter",
-            "isOptional" : false
-          },
-          {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The simple selector to test",
-            "isOptional" : false
-          },
-          {
-            "name" : "nonMatches",
+            "name" : "local",
             "type" : "Boolean",
-            "desc" : "If true, it returns the elements that DON'T match\nthe selector instead of the ones that match",
+            "desc" : "True to get the local css position instead of page coordinate",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
+            "type" : "Number",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "is",
+        "name" : "getScroll",
         "type" : "function",
-        "desc" : "Returns true if the passed element(s) match the passed simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(el, selector)",
+        "desc" : "Returns the current scroll position of the element.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Array",
-            "desc" : "An element id, element or array of elements",
-            "isOptional" : false
-          },
-          {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The simple selector to test",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Object",
+            "desc" : "An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}"
           }
         ]
       },
       {
-        "name" : "select",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "Selects a group of elements.",
-        "sig" : "(selector, root)",
+        "desc" : "Returns the size of the element.",
+        "sig" : "(contentSize)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The selector/xpath query (can be a comma separated list of selectors)",
-            "isOptional" : false
-          },
-          {
-            "name" : "root",
-            "type" : "Node",
-            "desc" : "(optional) The start of the query (defaults to document).",
+            "name" : "contentSize",
+            "type" : "Boolean",
+            "desc" : "(optional) true to get the width/size minus borders and padding",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : ""
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
           }
         ]
       },
       {
-        "name" : "selectNode",
+        "name" : "getStyle",
         "type" : "function",
-        "desc" : "Selects a single element.",
-        "sig" : "(selector, root)",
+        "desc" : "Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.",
+        "sig" : "(property)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
+            "name" : "property",
             "type" : "String",
-            "desc" : "The selector/xpath query",
-            "isOptional" : false
-          },
-          {
-            "name" : "root",
-            "type" : "Node",
-            "desc" : "(optional) The start of the query (defaults to document).",
+            "desc" : "The style property whose value is returned.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : ""
+            "type" : "String",
+            "desc" : "The current value of the style property for this element."
           }
         ]
       },
       {
-        "name" : "selectNumber",
+        "name" : "getStyles",
         "type" : "function",
-        "desc" : "Selects the value of a node, parsing integers and floats.",
-        "sig" : "(selector, root, defaultValue)",
+        "desc" : "Returns an object with properties matching the styles requested.\nFor example, el.getStyles('color', 'font-size', 'width') might return\n{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.",
+        "sig" : "(style1, style2)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
+            "name" : "style1",
             "type" : "String",
-            "desc" : "The selector/xpath query",
-            "isOptional" : false
-          },
-          {
-            "name" : "root",
-            "type" : "Node",
-            "desc" : "(optional) The start of the query (defaults to document).",
+            "desc" : "A style name",
             "isOptional" : false
           },
           {
-            "name" : "defaultValue",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "style2",
+            "type" : "String",
+            "desc" : "A style name",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Object",
+            "desc" : "The style object"
           }
         ]
       },
       {
-        "name" : "selectValue",
+        "name" : "getTop",
         "type" : "function",
-        "desc" : "Selects the value of a node, optionally replacing null with the defaultValue.",
-        "sig" : "(selector, root, defaultValue)",
+        "desc" : "Gets the top Y coordinate",
+        "sig" : "(local)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The selector/xpath query",
-            "isOptional" : false
-          },
-          {
-            "name" : "root",
-            "type" : "Node",
-            "desc" : "(optional) The start of the query (defaults to document).",
-            "isOptional" : false
-          },
-          {
-            "name" : "defaultValue",
-            "type" : "String",
-            "desc" : "",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "True to get the local css position instead of page coordinate",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.DomTemplate" : {
-    "props" : [
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
-        "memberOf" : "Roo.Template"
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "onLoad",
-        "type" : "Function",
-        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
-        "memberOf" : "Roo.Template"
+        "name" : "getUpdateManager",
+        "type" : "function",
+        "desc" : "Gets this element's UpdateManager",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
+          }
+        ]
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "The Url to load the template from. beware if you are loading from a url, the data may not be ready if you use it instantly..\n                   it should be fixed so that template is observable...",
-        "memberOf" : "Roo.Template"
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "append",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and appends the new node(s) to el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Returns the value of the \"value\" attribute",
+        "sig" : "(asNumber)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
+            "name" : "asNumber",
             "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "desc" : "true to parse the value as a number",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "type" : "String/Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "apply",
+        "name" : "getViewSize",
         "type" : "function",
-        "desc" : "Alias for {@link #applyTemplate}",
+        "desc" : "Returns the width and height of the viewport.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the viewport's size {width: (viewport width), height: (viewport height)}"
+          }
+        ]
       },
       {
-        "name" : "applySubTemplate",
+        "name" : "getWidth",
         "type" : "function",
-        "desc" : "same as applyTemplate, except it's done to one of the subTemplates\nwhen using named templates, you can do:\n\nvar str = pl.applySubTemplate('your-name', values);",
-        "sig" : "(id, values, parent)",
+        "desc" : "Returns the offset width of the element",
+        "sig" : "(contentWidth)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "Number",
-            "desc" : "of the template",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "to apply to template",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Object",
-            "desc" : "(normaly the instance of this object)",
+            "name" : "contentWidth",
+            "type" : "Boolean",
+            "desc" : "(optional) true to get the width minus borders and padding",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The element's width"
+          }
+        ]
       },
       {
-        "name" : "applyTemplate",
+        "name" : "getX",
         "type" : "function",
-        "desc" : "Returns an HTML fragment of this template with the specified values applied.",
-        "sig" : "(values)",
+        "desc" : "Gets the current X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "The HTML fragment"
+            "type" : "Number",
+            "desc" : "The X position of the element"
           }
         ]
       },
       {
-        "name" : "compile",
+        "name" : "getXY",
         "type" : "function",
-        "desc" : "compile the template\n\nThis is not recursive, so I'm not sure how nested templates are really going to be handled..",
+        "desc" : "Gets the current position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element"
+          }
+        ]
       },
       {
-        "name" : "compileTpl",
+        "name" : "getY",
         "type" : "function",
-        "desc" : "Compile a segment of the template into a 'sub-template'",
+        "desc" : "Gets the current Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The Y position of the element"
+          }
+        ]
       },
       {
-        "name" : "from",
+        "name" : "hasClass",
         "type" : "function",
-        "desc" : "Creates a template from the passed element's value (<i>display:none</i> textarea, preferred) or innerHTML.",
-        "sig" : "(el)",
-        "static" : true,
-        "memberOf" : "Roo.Template",
-        "isStatic" : true,
+        "desc" : "Checks if the specified CSS class exists on this element's DOM node.",
+        "sig" : "(className)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement",
-            "desc" : "A DOM element or its id",
+            "name" : "className",
+            "type" : "String",
+            "desc" : "The CSS class to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the class exists, else false"
+          }
+        ]
       },
       {
-        "name" : "insertAfter",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) after el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Hide this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
+        "sig" : "(animate)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "insertBefore",
+        "name" : "initDD",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) before el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Initializes a {@link Roo.dd.DD} drag drop object for this element.",
+        "sig" : "(group, config, overrides)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
+            "name" : "group",
+            "type" : "String",
+            "desc" : "The group the DD object is member of",
             "isOptional" : false
           },
           {
-            "name" : "values",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "desc" : "The DD config object",
             "isOptional" : false
           },
           {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "overrides",
+            "type" : "Object",
+            "desc" : "An object containing methods to override/implement on the DD object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "type" : "Roo.dd.DD",
+            "desc" : "The DD object"
           }
         ]
       },
       {
-        "name" : "insertFirst",
+        "name" : "initDDProxy",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) as the first child of el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Initializes a {@link Roo.dd.DDProxy} object for this element.",
+        "sig" : "(group, config, overrides)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
+            "name" : "group",
+            "type" : "String",
+            "desc" : "The group the DDProxy object is member of",
             "isOptional" : false
           },
           {
-            "name" : "values",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "desc" : "The DDProxy config object",
             "isOptional" : false
           },
           {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "overrides",
+            "type" : "Object",
+            "desc" : "An object containing methods to override/implement on the DDProxy object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "type" : "Roo.dd.DDProxy",
+            "desc" : "The DDProxy object"
           }
         ]
       },
       {
-        "name" : "overwrite",
+        "name" : "initDDTarget",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and overwrites the content of el with the new node(s).",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Initializes a {@link Roo.dd.DDTarget} object for this element.",
+        "sig" : "(group, config, overrides)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
+            "name" : "group",
+            "type" : "String",
+            "desc" : "The group the DDTarget object is member of",
             "isOptional" : false
           },
           {
-            "name" : "values",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "desc" : "The DDTarget config object",
             "isOptional" : false
           },
           {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "overrides",
+            "type" : "Object",
+            "desc" : "An object containing methods to override/implement on the DDTarget object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "type" : "Roo.dd.DDTarget",
+            "desc" : "The DDTarget object"
           }
         ]
       },
       {
-        "name" : "set",
+        "name" : "insertAfter",
         "type" : "function",
-        "desc" : "Sets the HTML used as the template and optionally compiles it.",
-        "sig" : "(html, compile)",
+        "desc" : "Inserts this element after the passed element in the DOM",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "compile",
-            "type" : "Boolean",
-            "desc" : "(optional) True to compile the template (defaults to undefined)",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to insert after",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Template",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Editor" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alignment",
-        "type" : "String",
-        "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details, defaults to \"c-c?\").",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autosize",
-        "type" : "Boolean/String",
-        "desc" : "True for the editor to automatically adopt the size of the underlying field, \"width\" to adopt the width only,\nor \"height\" to adopt the height only (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cancelOnEsc",
-        "type" : "Boolean",
-        "desc" : "True to cancel the edit when the escape key is pressed (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "completeOnEnter",
-        "type" : "Boolean",
-        "desc" : "True to complete the edit when the enter key is pressed (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "constrain",
-        "type" : "Boolean",
-        "desc" : "True to constrain the editor to the viewport",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideEl",
-        "type" : "Boolean",
-        "desc" : "False to keep the bound element visible while the editor is displayed (defaults to true)",
-        "memberOf" : ""
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "ignoreNoChange",
-        "type" : "Boolean",
-        "desc" : "True to skip the the edit completion process (no save, no events fired) if the user completes an edit and\nthe value has not changed (defaults to false).  Applies only to string values - edits for other data types\nwill never be ignored.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "revertInvalid",
-        "type" : "Boolean",
-        "desc" : "True to automatically revert the field value and cancel the edit when the user completes an edit and the field\nvalidation fails (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "\"sides\" for sides/bottom only, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"frame\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "updateEl",
-        "type" : "Boolean",
-        "desc" : "True to update the innerHTML of the bound element when the update completes (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "The data value of the underlying field (defaults to \"\")",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforecomplete",
+        "name" : "insertBefore",
         "type" : "function",
-        "desc" : "Fires after a change has been made to the field, but before the change is reflected in the underlying\nfield.  Saving the change to the field can be canceled by returning false from the handler of this event.\nNote that if the value has not changed and ignoreNoChange = true, the editing will still end but this\nevent will not fire since no edit actually occurred.",
-        "sig" : "function (_self, value, startValue)\n{\n\n}",
+        "desc" : "Inserts this element before the passed element in the DOM",
+        "sig" : "(el)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Editor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The current field value",
-            "isOptional" : false
-          },
-          {
-            "name" : "startValue",
-            "type" : "Mixed",
-            "desc" : "The original field value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to insert before",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforerender",
+        "name" : "insertFirst",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Inserts (or creates) an element (or DomHelper config) as the first child of the this element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Object",
+            "desc" : "The id or element to insert or a DomHelper config to create and insert",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The new child"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforestartedit",
+        "name" : "insertHtml",
         "type" : "function",
-        "desc" : "Fires when editing is initiated, but before the value changes.  Editing can be canceled by returning\nfalse from the handler of this event.",
-        "sig" : "function (_self, boundEl, value)\n{\n\n}",
+        "desc" : "Inserts an html fragment into this element",
+        "sig" : "(where, html, returnEl)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Editor",
-            "desc" : "",
+            "name" : "where",
+            "type" : "String",
+            "desc" : "Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.",
             "isOptional" : false
           },
           {
-            "name" : "boundEl",
-            "type" : "Roo.Element",
-            "desc" : "The underlying element bound to this editor",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "The HTML fragment",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The field value being set",
+            "name" : "returnEl",
+            "type" : "Boolean",
+            "desc" : "True to return an Roo.Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The inserted node (or nearest related if more than 1 inserted)"
+          }
+        ]
       },
       {
-        "name" : "complete",
+        "name" : "insertSibling",
         "type" : "function",
-        "desc" : "Fires after editing is complete and any changed value has been written to the underlying field.",
-        "sig" : "function (_self, value, startValue)\n{\n\n}",
+        "desc" : "Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element",
+        "sig" : "(el, where, returnDom)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Editor",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Object",
+            "desc" : "The id or element to insert or a DomHelper config to create and insert",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The current field value",
+            "name" : "where",
+            "type" : "String",
+            "desc" : "(optional) 'before' or 'after' defaults to before",
             "isOptional" : false
           },
           {
-            "name" : "startValue",
-            "type" : "Mixed",
-            "desc" : "The original field value",
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "the inserted Element"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "is",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(selector)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if this element matches the selector, else false"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "isBorderBox",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Tests various css rules/browsers to determine if this element uses a border box",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "isDisplayed",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns true if display is not \"none\"",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "hide",
+        "name" : "isMasked",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns true if this element is masked",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "isScrollable",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns true if this element is scrollable.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "show",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Checks whether the element is currently visible using both visibility and display properties.",
+        "sig" : "(deep)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "deep",
+            "type" : "Boolean",
+            "desc" : "(optional) True to walk the dom and see if parent elements are hidden (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the element is currently visible, else false"
+          }
+        ]
       },
       {
-        "name" : "specialkey",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Direct access to the UpdateManager update() method (takes the same parameters).",
+        "sig" : "(url, params, callback, discardUrl)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The url for this request or a function to call to get the url",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a url encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "startedit",
-        "type" : "function",
-        "desc" : "Fires when this editor is displayed",
-        "sig" : "function (boundEl, value)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "boundEl",
-            "type" : "Roo.Element",
-            "desc" : "The underlying element bound to this editor",
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The starting field value",
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "mask",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Puts a mask over this element to disable user interaction. Requires core.css.\nThis method can only be applied to elements which accept child nodes.",
+        "sig" : "(msg, msgCls)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "(optional) A message to display in the mask",
+            "isOptional" : false
+          },
+          {
+            "name" : "msgCls",
+            "type" : "String",
+            "desc" : "(optional) A css class to apply to the msg element - use no-spinner to hide the spinner on bootstrap",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The mask  element"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Move this element relative to its current position.",
+        "sig" : "(direction, distance, animate)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "direction",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "distance",
+            "type" : "Number",
+            "desc" : "How far to move the element in pixels",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "cancelEdit",
+        "name" : "moveTo",
         "type" : "function",
-        "desc" : "Cancels the editing process and hides the editor without persisting any changes.  The field value will be\nreverted to the original starting value.",
-        "sig" : "(remainVisible)",
+        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(x, y, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "remainVisible",
-            "type" : "Boolean",
-            "desc" : "Override the default behavior and keep the editor visible after\ncancel (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "X value for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "Y value for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "completeEdit",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Ends the editing process, persists the changed value to the underlying field, and hides the editor.",
-        "sig" : "(remainVisible)",
+        "desc" : "Appends an event handler (Shorthand for addListener)",
+        "sig" : "(eventName, fn, scope, options)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "remainVisible",
-            "type" : "Boolean",
-            "desc" : "Override the default behavior and keep the editor visible after edit (defaults to false)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to append",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) of the fn",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
+        "name" : "position",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Initializes positioning on this element. If a desired position is not passed, it will make the\nthe element positioned relative IF it is not already positioned.",
+        "sig" : "(pos, zIndex, x, y)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+            "name" : "pos",
+            "type" : "String",
+            "desc" : "(optional) Positioning to use \"relative\", \"absolute\" or \"fixed\"",
+            "isOptional" : false
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "zIndex",
+            "type" : "Number",
+            "desc" : "(optional) The zIndex to apply",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "(optional) Set the page X position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "(optional) Set the page Y position",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "query",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Selects child nodes based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "selector",
             "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "desc" : "The CSS selector",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Array",
+            "desc" : "An array of the matched nodes"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "radioClass",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Adds one or more CSS classes to this element and removes the same class(es) from all siblings.",
+        "sig" : "(className)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "className",
+            "type" : "String/Array",
+            "desc" : "The CSS class to add, or an array of classes",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Removes this element from the DOM and deletes it from the cache",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "removeAllListeners",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Removes all previous added listeners from this element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "removeClass",
         "type" : "function",
-        "desc" : "Gets the data value of the editor",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes one or more CSS classes from the element.",
+        "sig" : "(className)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "className",
+            "type" : "String/Array",
+            "desc" : "The CSS class to remove, or an array of classes",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "The data value"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Removes an event handler from this element",
+        "sig" : "(eventName, fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "the type of event to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "the method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Function",
+            "desc" : "(needed for svg fake listeners)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "repaint",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Forces the browser to repaint this element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
+        "name" : "replace",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Replaces the passed element with this element",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to replace",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "realign",
+        "name" : "replaceClass",
         "type" : "function",
-        "desc" : "Realigns the editor to the bound field based on the current alignment config value.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.",
+        "sig" : "(oldClassName, newClassName)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "oldClassName",
+            "type" : "String",
+            "desc" : "The CSS class to replace",
+            "isOptional" : false
+          },
+          {
+            "name" : "newClassName",
+            "type" : "String",
+            "desc" : "The replacement CSS class",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "scroll",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Scrolls this element the specified direction. Does bounds checking to make sure the scroll is\nwithin this element's scrollable range.",
+        "sig" : "(direction, distance, animate)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "direction",
             "type" : "String",
-            "desc" : "The type of event to listen for",
+            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "distance",
+            "type" : "Number",
+            "desc" : "How far to scroll the element in pixels",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "Returns true if a scroll was triggered or false if the element\nwas scrolled as far as it could go."
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "scrollIntoView",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Scrolls this element into view within the passed container.",
+        "sig" : "(container, hscroll)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "container",
             "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "desc" : "(optional) The container element to scroll (defaults to document.body)",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "disabled",
+            "name" : "hscroll",
             "type" : "Boolean",
-            "desc" : "",
+            "desc" : "(optional) False to disable horizontal scroll (defaults to true)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setSize",
+        "name" : "scrollTo",
         "type" : "function",
-        "desc" : "Sets the height and width of this editor.",
-        "sig" : "(width, height)",
+        "desc" : "Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().",
+        "sig" : "(side, value, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
+            "name" : "side",
+            "type" : "String",
+            "desc" : "Either \"left\" for scrollLeft values or \"top\" for scrollTop values.",
             "isOptional" : false
           },
           {
-            "name" : "height",
+            "name" : "value",
             "type" : "Number",
-            "desc" : "The new height",
+            "desc" : "The new scroll value",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setValue",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Sets the data value of the editor",
-        "sig" : "(value)",
+        "desc" : "Creates a {@link Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector, unique)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "Any valid value supported by the underlying field",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The CSS selector",
+            "isOptional" : false
+          },
+          {
+            "name" : "unique",
+            "type" : "Boolean",
+            "desc" : "(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "CompositeElement/CompositeElementLite",
+            "desc" : "The composite element"
+          }
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "set",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)",
+        "sig" : "(o, useSet)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The object with the attributes",
+            "isOptional" : false
+          },
+          {
+            "name" : "useSet",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) false to override the default setAttribute to use expandos.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "setBottom",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the element's CSS bottom style.",
+        "sig" : "(bottom)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "bottom",
+            "type" : "String",
+            "desc" : "The bottom CSS property value",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "startEdit",
+        "name" : "setBounds",
         "type" : "function",
-        "desc" : "Starts the editing process and shows the editor.",
-        "sig" : "(el, value)",
+        "desc" : "Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.",
+        "sig" : "(x, y, width, height, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to edit",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "X value for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "(optional) A value to initialize the editor with. If a value is not provided, it defaults\nto the innerHTML of el.",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "Y value for new position (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "un",
+        "name" : "setBox",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently.",
+        "sig" : "(box, adjust, animate)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "The box to fill {x, y, width, height}",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "adjust",
+            "type" : "Boolean",
+            "desc" : "(optional) Whether to adjust for box-model issues automatically",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.grid.GridEditor",
-      "Roo.tree.TreeEditor"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Element" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
+      },
       {
-        "name" : "addClass",
+        "name" : "setDisplayed",
         "type" : "function",
-        "desc" : "Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.",
-        "sig" : "(className)",
+        "desc" : "Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.",
+        "sig" : "(value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String/Array",
-            "desc" : "The CSS class to add, or an array of classes",
+            "name" : "value",
+            "type" : "Boolean",
+            "desc" : "Boolean value to display the element using its default display, or a string to set the display directly",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addClassOnClick",
+        "name" : "setHeight",
         "type" : "function",
-        "desc" : "Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)",
-        "sig" : "(className)",
+        "desc" : "Set the height of the element",
+        "sig" : "(height, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String",
-            "desc" : "",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addClassOnFocus",
+        "name" : "setLeft",
         "type" : "function",
-        "desc" : "Sets up event handlers to add and remove a css class when this element has the focus",
-        "sig" : "(className)",
+        "desc" : "Sets the element's left position directly using CSS style (instead of {@link #setX}).",
+        "sig" : "(left)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
+            "name" : "left",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The left CSS property value",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addClassOnOver",
+        "name" : "setLeftTop",
         "type" : "function",
-        "desc" : "Sets up event handlers to add and remove a css class when the mouse is over this element",
-        "sig" : "(className, preventFlicker)",
+        "desc" : "Quick set left and top adding default units",
+        "sig" : "(left, top)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
+            "name" : "left",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The left CSS property value",
             "isOptional" : false
           },
           {
-            "name" : "preventFlicker",
-            "type" : "Boolean",
-            "desc" : "(optional) If set to true, it prevents flickering by filtering\nmouseout events for children elements",
+            "name" : "top",
+            "type" : "String",
+            "desc" : "The top CSS property value",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addKeyListener",
+        "name" : "setLocation",
         "type" : "function",
-        "desc" : "Convenience method for constructing a KeyMap",
-        "sig" : "(key, fn, scope)",
+        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(x, y, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "key",
-            "type" : "Number/Array/Object/String",
-            "desc" : "Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:\n                                 {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "X value for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "Y value for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.KeyMap",
-            "desc" : "The KeyMap created"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addKeyMap",
+        "name" : "setOpacity",
         "type" : "function",
-        "desc" : "Creates a KeyMap for this element",
-        "sig" : "(config)",
+        "desc" : "Set the opacity of the element",
+        "sig" : "(opacity, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The KeyMap config. See {@link Roo.KeyMap} for more details",
+            "name" : "opacity",
+            "type" : "Float",
+            "desc" : "The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.KeyMap",
-            "desc" : "The KeyMap created"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addListener",
+        "name" : "setPositioning",
         "type" : "function",
-        "desc" : "Appends an event handler",
-        "sig" : "(eventName, fn, scope, options)",
+        "desc" : "Set positioning with an object returned by getPositioning().",
+        "sig" : "(posCfg)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to append",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) of the fn",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
+            "name" : "posCfg",
             "type" : "Object",
-            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "alignTo",
+        "name" : "setRegion",
         "type" : "function",
-        "desc" : "Aligns this element with another element relative to the specified anchor points. If the other element is the\ndocument it aligns it to the viewport.\nThe position parameter is optional, and can be specified in any one of the following formats:\n<ul>\n  <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner (\"tl-bl\").</li>\n  <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.\n      The element being aligned will position its top-left corner (tl) to that point.  <i>This method has been\n      deprecated in favor of the newer two anchor syntax below</i>.</li>\n  <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the\n      element's anchor point, and the second value is used as the target's anchor point.</li>\n</ul>\nIn addition to the anchor points, the position parameter also supports the \"?\" character.  If \"?\" is passed at the end of\nthe position string, the element will attempt to align as specified, but the position will be adjusted to constrain to\nthe viewport if necessary.  Note that the element being aligned might be swapped to align to a different position than\nthat specified in order to enforce the viewport constraints.\nFollowing are all of the supported anchor positions:\n    <pre>\n    Value  Description\n    -----  -----------------------------\n    tl     The top left corner (default)\n    t      The center of the top edge\n    tr     The top right corner\n    l      The center of the left edge\n    c      In the center of the element\n    r      The center of the right edge\n    bl     The bottom left corner\n    b      The center of the bottom edge\n    br     The bottom right corner\n    </pre>\n    Example Usage:\n    <pre><code>\n    // align el to other-el using the default positioning (\"tl-bl\", non-constrained)\n    el.alignTo(\"other-el\");\n\n    // align the top left corner of el with the top right corner of other-el (constrained to viewport)\n    el.alignTo(\"other-el\", \"tr?\");\n\n    // align the bottom right corner of el with the center left edge of other-el\n    el.alignTo(\"other-el\", \"br-l?\");\n\n    // align the center of el with the bottom left corner of other-el and\n    // adjust the x position by -6 pixels (and the y position by 0)\n    el.alignTo(\"other-el\", \"c-bl\", [-6, 0]);\n    </code></pre>",
-        "sig" : "(element, position, offsets, animate)",
+        "desc" : "Sets the element's position and size the the specified region. If animation is true then width, height, x and y will be animated concurrently.",
+        "sig" : "(region, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "The position to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
+            "name" : "region",
+            "type" : "Roo.lib.Region",
+            "desc" : "The region to fill",
             "isOptional" : false
           },
           {
         ]
       },
       {
-        "name" : "anchorTo",
+        "name" : "setRight",
         "type" : "function",
-        "desc" : "Anchors an element to another element and realigns it when the window is resized.",
-        "sig" : "(element, position, offsets, animate, monitorScroll, callback)",
+        "desc" : "Sets the element's CSS right style.",
+        "sig" : "(right)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
+            "name" : "right",
             "type" : "String",
-            "desc" : "The position to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          },
-          {
-            "name" : "monitorScroll",
-            "type" : "Boolean/Number",
-            "desc" : "(optional) True to monitor body scroll and reposition. If this parameter\nis a number, it is used as the buffer delay (defaults to 50ms).",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "The function to call after the animation finishes",
+            "desc" : "The right CSS property value",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "animate",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Perform animation on this element.",
-        "sig" : "(args, duration, onComplete, easing, animType)",
+        "desc" : "Set the size of the element. If animation is true, both width an height will be animated concurrently.",
+        "sig" : "(width, height, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "args",
-            "type" : "Object",
-            "desc" : "The YUI animation control args",
-            "isOptional" : false
-          },
-          {
-            "name" : "duration",
-            "type" : "Float",
-            "desc" : "(optional) How long the animation lasts in seconds (defaults to .35)",
-            "isOptional" : false
-          },
-          {
-            "name" : "onComplete",
-            "type" : "Function",
-            "desc" : "(optional) Function to call when animation completes",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
             "isOptional" : false
           },
           {
-            "name" : "easing",
-            "type" : "String",
-            "desc" : "(optional) Easing method to use (defaults to 'easeOut')",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
             "isOptional" : false
           },
           {
-            "name" : "animType",
-            "type" : "String",
-            "desc" : "(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "appendChild",
+        "name" : "setStyle",
         "type" : "function",
-        "desc" : "Appends the passed element(s) to this element",
-        "sig" : "(el)",
+        "desc" : "Wrapper for setting style properties, also takes single object parameter of multiple styles.",
+        "sig" : "(property, value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Array/Element/CompositeElement",
-            "desc" : "",
+            "name" : "property",
+            "type" : "String/Object",
+            "desc" : "The style property to be set, or an object of multiple styles.",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) The value to apply to the given property, or null if an object was passed.",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "appendTo",
+        "name" : "setTop",
         "type" : "function",
-        "desc" : "Appends this element to the passed element",
-        "sig" : "(el)",
+        "desc" : "Sets the element's top position directly using CSS style (instead of {@link #setY}).",
+        "sig" : "(top)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The new parent element",
+            "name" : "top",
+            "type" : "String",
+            "desc" : "The top CSS property value",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "applyStyles",
+        "name" : "setVisibilityMode",
         "type" : "function",
-        "desc" : "More flexible version of {@link #setStyle} for setting style properties.",
-        "sig" : "(styles)",
+        "desc" : "Sets the element's visibility mode. When setVisible() is called it\nwill use this to determine whether to set the visibility or the display property.",
+        "sig" : "(visMode)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "styles",
-            "type" : "String/Object/Function",
-            "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+            "name" : "visMode",
+            "type" : "",
+            "desc" : "Element.VISIBILITY or Element.DISPLAY",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "attr",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Sets or Returns the value the dom attribute value",
-        "sig" : "(name, value)",
+        "desc" : "Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use\nthe display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.",
+        "sig" : "(visible, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "name",
-            "type" : "String|Object",
-            "desc" : "The attribute name (or object to set multiple attributes)",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "Whether the element is visible",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "(optional) The value to set the attribute to",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "The attribute value"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "autoHeight",
+        "name" : "setWidth",
         "type" : "function",
-        "desc" : "Measures the element's content height and updates height to match. Note: this function uses setTimeout so\nthe new height may not be available immediately.",
-        "sig" : "(animate, duration, onComplete, easing)",
+        "desc" : "Set the width of the element",
+        "sig" : "(width, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "animate",
-            "type" : "Boolean",
-            "desc" : "(optional) Animate the transition (defaults to false)",
-            "isOptional" : false
-          },
-          {
-            "name" : "duration",
-            "type" : "Float",
-            "desc" : "(optional) Length of the animation in seconds (defaults to .35)",
-            "isOptional" : false
-          },
-          {
-            "name" : "onComplete",
-            "type" : "Function",
-            "desc" : "(optional) Function to call when animation completes",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
             "isOptional" : false
           },
           {
-            "name" : "easing",
-            "type" : "String",
-            "desc" : "(optional) Easing method to use (defaults to easeOut)",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "beginMeasure",
+        "name" : "setX",
         "type" : "function",
-        "desc" : "Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(The, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "The",
+            "type" : "Number",
+            "desc" : "X position of the element",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
         ]
       },
       {
-        "name" : "blur",
+        "name" : "setXY",
         "type" : "function",
-        "desc" : "Tries to blur the element. Any exceptions are caught and ignored.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(pos, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "boxWrap",
-        "type" : "function",
-        "desc" : "Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a\ngradient background, rounded corners and a 4-way shadow.",
-        "sig" : "(class)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+            "name" : "pos",
+            "type" : "Array",
+            "desc" : "Contains X & Y [x, y] values for new position (coordinates are page-based)",
+            "isOptional" : false
+          },
           {
-            "name" : "class",
-            "type" : "String",
-            "desc" : "(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').\nNote that there are a number of CSS rules that are dependent on this name to make the overall effect work,\nso if you supply an alternate base class, make sure you also supply all of the necessary rules.",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "center",
-        "type" : "function",
-        "desc" : "Centers the Element in either the viewport, or another Element.",
-        "sig" : "(centerIn)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "centerIn",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "(optional) The element in which to center the element.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "child",
+        "name" : "setY",
         "type" : "function",
-        "desc" : "Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector, returnDom)",
+        "desc" : "Sets the Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(The, animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The CSS selector",
+            "name" : "The",
+            "type" : "Number",
+            "desc" : "Y position of the element",
             "isOptional" : false
           },
           {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "clean",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Removes worthless text nodes",
-        "sig" : "(forceReclean)",
+        "desc" : "Show this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
+        "sig" : "(animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "forceReclean",
-            "type" : "Boolean",
-            "desc" : "(optional) By default the element\nkeeps track if it has been cleaned already so\nyou can call this over and over. However, if you update the element and\nneed to force a reclean, you can pass true.",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "clearOpacity",
-        "type" : "function",
-        "desc" : "Clears any opacity settings from this element. Required in some cases for IE.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : [
           {
             "name" : "",
         ]
       },
       {
-        "name" : "clearPositioning",
+        "name" : "swallowEvent",
         "type" : "function",
-        "desc" : "Clear positioning back to the default when the document was loaded",
-        "sig" : "(value)",
+        "desc" : "Stops the specified event from bubbling and optionally prevents the default action",
+        "sig" : "(eventName, preventDefault)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "preventDefault",
+            "type" : "Boolean",
+            "desc" : "(optional) true to prevent the default action too",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "clip",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Store the current overflow setting and clip overflow on the element - use {@link #unclip} to remove",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Toggles the element's visibility or display, depending on visibility mode.",
+        "sig" : "(animate)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
         ]
       },
       {
-        "name" : "contains",
+        "name" : "toggleClass",
         "type" : "function",
-        "desc" : "Returns true if this element is an ancestor of the passed element",
-        "sig" : "(el)",
+        "desc" : "Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).",
+        "sig" : "(className)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "HTMLElement/String",
-            "desc" : "The element to check",
+            "name" : "className",
+            "type" : "String",
+            "desc" : "The CSS class to toggle",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if this element is an ancestor of el, else false"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "createChild",
+        "name" : "translatePoints",
         "type" : "function",
-        "desc" : "Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.",
-        "sig" : "(config, insertBefore, returnDom)",
+        "desc" : "Translates the passed page coordinates into left/top css values for this element",
+        "sig" : "(x, y)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "DomHelper element config object.  If no tag is specified (e.g., {tag:'input'}) then a div will be\nautomatically generated with the specified attributes.",
-            "isOptional" : false
-          },
-          {
-            "name" : "insertBefore",
-            "type" : "HTMLElement",
-            "desc" : "(optional) a child element of this element",
+            "name" : "x",
+            "type" : "Number/Array",
+            "desc" : "The page x or an array containing [x, y]",
             "isOptional" : false
           },
           {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return the dom node instead of creating an Element",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The page y",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The new child element"
+            "type" : "Object",
+            "desc" : "An object with left and top properties. e.g. {left: (value), top: (value)}"
           }
         ]
       },
       {
-        "name" : "createProxy",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Creates a proxy element of this element",
-        "sig" : "(config, renderTo, matchBox)",
+        "desc" : "Removes an event handler from this element (shorthand for removeListener)",
+        "sig" : "(eventName, fn)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "String/Object",
-            "desc" : "The class name of the proxy element or a DomHelper config object",
-            "isOptional" : false
-          },
-          {
-            "name" : "renderTo",
-            "type" : "String/HTMLElement",
-            "desc" : "(optional) The element or element id to render the proxy to (defaults to document.body)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "the type of event to remove",
             "isOptional" : false
           },
           {
-            "name" : "matchBox",
-            "type" : "Boolean",
-            "desc" : "(optional) True to align and size the proxy to this element now (defaults to false)",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "the method the event invokes",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The new proxy element"
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "createShim",
+        "name" : "unclip",
         "type" : "function",
-        "desc" : "Creates an iframe shim for this element to keep selects and other windowed objects from\nshowing through.",
+        "desc" : "Return clipping (overflow) to original clipping before clip() was called",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The new shim element"
-          }
-        ]
-      },
-      {
-        "name" : "down",
-        "type" : "function",
-        "desc" : "Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector, returnDom)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The CSS selector",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "enableDisplayMode",
+        "name" : "unmask",
         "type" : "function",
-        "desc" : "Convenience method for setVisibilityMode(Element.DISPLAY)",
-        "sig" : "(display)",
+        "desc" : "Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise\nit is cached for reuse.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "display",
-            "type" : "String",
-            "desc" : "(optional) What to set display to when visible",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "endMeasure",
+        "name" : "unselectable",
         "type" : "function",
-        "desc" : "Restores displays to before beginMeasure was called",
+        "desc" : "Disables text selection for this element (normalized across browsers)",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         ]
       },
       {
-        "name" : "findParent",
+        "name" : "up",
         "type" : "function",
-        "desc" : "Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(selector, maxDepth, returnEl)",
+        "desc" : "Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).\nThis is a shortcut for findParentNode() that always returns an Roo.Element.",
+        "sig" : "(selector, maxDepth)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
             "type" : "Number/String/HTMLElement/Element",
             "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
             "isOptional" : false
-          },
-          {
-            "name" : "returnEl",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
-            "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
+            "type" : "Roo.Element",
             "desc" : "The matching DOM node (or null if no match was found)"
           }
         ]
       },
       {
-        "name" : "findParentNode",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(selector, maxDepth, returnEl)",
+        "desc" : "Update the innerHTML of this element, optionally searching for and processing scripts",
+        "sig" : "(html, loadScripts, callback)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
+            "name" : "html",
             "type" : "String",
-            "desc" : "The simple selector to test",
+            "desc" : "The new HTML",
             "isOptional" : false
           },
           {
-            "name" : "maxDepth",
-            "type" : "Number/String/HTMLElement/Element",
-            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
           },
           {
-            "name" : "returnEl",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "For async script loading you can be noticed when the update completes",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The matching DOM node (or null if no match was found)"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "findScrollableParent",
-        "type" : "function",
-        "desc" : "Looks at  the scrollable parent element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "fitToParent",
+        "name" : "wrap",
         "type" : "function",
-        "desc" : "Sizes this element to its parent element's dimensions performing\nneccessary box adjustments.",
-        "sig" : "(monitorResize, targetParent)",
+        "desc" : "Creates and wraps this element with another element",
+        "sig" : "(config, returnDom)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "monitorResize",
-            "type" : "Boolean",
-            "desc" : "(optional) If true maintains the fit when the browser window is resized.",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "(optional) DomHelper element config object for the wrapper element or null for an empty div",
             "isOptional" : false
           },
           {
-            "name" : "targetParent",
-            "type" : "String/HTMLElment/Element",
-            "desc" : "(optional) The target parent, default to the parentNode.",
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "HTMLElement/Element",
+            "desc" : "The newly created wrapper element"
           }
         ]
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.Layer"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.EventManager" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "fly",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -\nthe dom node can be overwritten by other code.",
-        "sig" : "(el, named)",
+        "desc" : "Appends an event handler to an element (shorthand for addListener)",
+        "sig" : "(element, eventName, handler, scope, options)",
         "static" : true,
         "memberOf" : "",
         "isStatic" : true,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
+            "name" : "element",
             "type" : "String/HTMLElement",
-            "desc" : "The dom node or id",
+            "desc" : "The html element or id to assign the",
             "isOptional" : false
           },
           {
-            "name" : "named",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "(optional) Allows for creation of named reusable flyweights to\n                                 prevent conflicts (e.g. internally Roo uses \"_internal\")",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Element",
-            "desc" : "The shared Element object"
-          }
-        ]
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Tries to focus the element. Any exceptions are caught and ignored.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delegate {String} A simple selector to filter the target or look for a descendant of the target</li>\n<li>stopEvent {Boolean} True to stop the event. That is stop propagation, and prevent the default action.</li>\n<li>preventDefault {Boolean} True to prevent the default action</li>\n<li>stopPropagation {Boolean} True to prevent event propagation</li>\n<li>normalized {Boolean} False to pass a browser event to the handler function instead of an Roo.EventObject</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<div style=\"margin: 5px 20px 20px;\">\nCode:<pre><code>\nel.on('click', this.onClick, this, {\n    single: true,\n    delay: 100,\n    stopEvent : true,\n    forumId: 4\n});</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<p>\nCode:<pre><code>\nel.on({\n    'click' : {\n        fn: this.onClick\n        scope: this,\n        delay: 100\n    },\n    'mouseover' : {\n        fn: this.onMouseOver\n        scope: this\n    },\n    'mouseout' : {\n        fn: this.onMouseOut\n        scope: this\n    }\n});</code></pre>\n<p>\nOr a shorthand syntax:<br>\nCode:<pre><code>\nel.on({\n    'click' : this.onClick,\n    'mouseover' : this.onMouseOver,\n    'mouseout' : this.onMouseOut\n    scope: this\n});</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "get",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Static method to retrieve Element objects. Uses simple caching to consistently return the same object.\nAutomatically fixes if an object was recreated with the same id via AJAX or DOM.",
-        "sig" : "(el)",
+        "desc" : "Appends an event handler to an element (shorthand for addListener)",
+        "sig" : "(element, eventName, handler, scope, options)",
         "static" : true,
         "memberOf" : "",
         "isStatic" : true,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM Node or an existing Element.",
+            "name" : "element",
+            "type" : "String/HTMLElement",
+            "desc" : "The html element or id to assign the",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Element",
-            "desc" : "The Element object"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delegate {String} A simple selector to filter the target or look for a descendant of the target</li>\n<li>stopEvent {Boolean} True to stop the event. That is stop propagation, and prevent the default action.</li>\n<li>preventDefault {Boolean} True to prevent the default action</li>\n<li>stopPropagation {Boolean} True to prevent event propagation</li>\n<li>normalized {Boolean} False to pass a browser event to the handler function instead of an Roo.EventObject</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<div style=\"margin: 5px 20px 20px;\">\nCode:<pre><code>\nel.on('click', this.onClick, this, {\n    single: true,\n    delay: 100,\n    stopEvent : true,\n    forumId: 4\n});</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<p>\nCode:<pre><code>\nel.on({\n    'click' : {\n        fn: this.onClick\n        scope: this,\n        delay: 100\n    },\n    'mouseover' : {\n        fn: this.onMouseOver\n        scope: this\n    },\n    'mouseout' : {\n        fn: this.onMouseOut\n        scope: this\n    }\n});</code></pre>\n<p>\nOr a shorthand syntax:<br>\nCode:<pre><code>\nel.on({\n    'click' : this.onClick,\n    'mouseover' : this.onMouseOver,\n    'mouseout' : this.onMouseOut\n    scope: this\n});</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getAlignToXY",
+        "name" : "onDocumentReady",
         "type" : "function",
-        "desc" : "Gets the x,y coordinates to align this element with another element. See {@link #alignTo} for more info on the\nsupported position values.",
-        "sig" : "(element, position, offsets)",
-        "static" : false,
+        "desc" : "Fires when the document is ready (before onload and before images are loaded). Can be \naccessed shorthanded Roo.onReady().",
+        "sig" : "(fn, scope, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "The position to align to.",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "An  object that becomes the scope of the handler",
             "isOptional" : false
           },
           {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
+            "name" : "options",
+            "type" : "boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "[x, y]"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getAnchorXY",
+        "name" : "onTextResize",
         "type" : "function",
-        "desc" : "Gets the x,y coordinates specified by the anchor position on the element.",
-        "sig" : "(anchor, size, local)",
-        "static" : false,
+        "desc" : "Fires when the user changes the active text size. Handler gets called with 2 params, the old size and the new size.",
+        "sig" : "(fn, scope, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "anchor",
-            "type" : "String",
-            "desc" : "(optional) The specified anchor position (defaults to \"c\").  See {@link #alignTo} for details on supported anchor positions.",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "size",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) An object containing the size to use for calculating anchor position\n                      {width: (target width), height: (target height)} (defaults to the element's current size)",
+            "desc" : "An object that becomes the scope of the handler",
             "isOptional" : false
           },
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates",
+            "name" : "options",
+            "type" : "boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "[x, y] An array containing the element's x and y coordinates"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getAttributeNS",
+        "name" : "onWindowResize",
         "type" : "function",
-        "desc" : "Returns the value of a namespaced attribute from the element's underlying DOM node.",
-        "sig" : "(namespace, name)",
-        "static" : false,
+        "desc" : "Fires when the window is resized and provides resize event buffering (50 milliseconds), passes new viewport width and height to handlers.",
+        "sig" : "(fn, scope, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "namespace",
-            "type" : "String",
-            "desc" : "The namespace in which to look for the attribute",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "name",
-            "type" : "String",
-            "desc" : "The attribute name",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "An object that becomes the scope of the handler",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : "The attribute value"
+            "name" : "options",
+            "type" : "boolean",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getBorderWidth",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Gets the width of the border(s) for the specified side(s)",
-        "sig" : "(side)",
-        "static" : false,
+        "desc" : "Removes an event handler",
+        "sig" : "(element, eventName, fn)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "side",
+            "name" : "element",
+            "type" : "String/HTMLElement",
+            "desc" : "The id or html element to remove the \n                            event from",
+            "isOptional" : false
+          },
+          {
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the border (l)eft width + the border (r)ight width.",
+            "desc" : "The type of event",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The width of the sides passed added together"
+            "type" : "Boolean",
+            "desc" : "True if a listener was actually removed"
           }
         ]
       },
       {
-        "name" : "getBottom",
+        "name" : "removeResizeListener",
         "type" : "function",
-        "desc" : "Gets the bottom Y coordinate of the element (element Y position + element height)",
-        "sig" : "(local)",
-        "static" : false,
+        "desc" : "Removes the passed window resize listener.",
+        "sig" : "(fn, scope)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "The scope of handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getBox",
+        "name" : "wrap",
         "type" : "function",
-        "desc" : "Return a box {x, y, width, height} that can be used to set another elements\nsize/location to match this element.",
-        "sig" : "(contentBox, local)",
-        "static" : false,
+        "desc" : "This is no longer needed and is deprecated. Places a simple wrapper around an event handler to override the browser event\nobject with a Roo.EventObject",
+        "sig" : "(fn, scope, override)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "",
+        "deprecated" : "This has been deprecated: ",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "contentBox",
-            "type" : "Boolean",
-            "desc" : "(optional) If true a box for the content of the element is returned.",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page x/y.",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "An object that becomes the scope of the handler",
+            "isOptional" : false
+          },
+          {
+            "name" : "override",
+            "type" : "boolean",
+            "desc" : "If true, the obj passed in becomes\n                            the execution scope of the listener",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "box An object in the format {x, y, width, height}"
+            "type" : "Function",
+            "desc" : "The wrapped function"
           }
         ]
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.EventObject" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "getCenterXY",
+        "name" : "getCharCode",
         "type" : "function",
-        "desc" : "Calculates the x, y to center this element on the screen",
+        "desc" : "Gets the key code for the event.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The x, y values [x, y]"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getColor",
+        "name" : "getKey",
         "type" : "function",
-        "desc" : "Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values\nare convert to standard 6 digit hex color.",
-        "sig" : "(attr, defaultValue, prefix)",
+        "desc" : "Returns a normalized keyCode for the event.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "attr",
-            "type" : "String",
-            "desc" : "The css attribute",
-            "isOptional" : false
-          },
-          {
-            "name" : "defaultValue",
-            "type" : "String",
-            "desc" : "The default value to use when a valid color isn't found",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "prefix",
-            "type" : "String",
-            "desc" : "(optional) defaults to #. Use an empty string when working with\nYUI color anims.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The key code"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "getComputedHeight",
+        "name" : "getPageX",
         "type" : "function",
-        "desc" : "Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders\nwhen needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements\nif a height has not been set using CSS.",
+        "desc" : "Gets the x coordinate of the event.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         ]
       },
       {
-        "name" : "getComputedWidth",
+        "name" : "getPageY",
         "type" : "function",
-        "desc" : "Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders\nwhen needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements\nif a width has not been set using CSS.",
+        "desc" : "Gets the y coordinate of the event.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         ]
       },
       {
-        "name" : "getFrameWidth",
+        "name" : "getRelatedTarget",
         "type" : "function",
-        "desc" : "Returns the sum width of the padding and borders for the passed \"sides\". See getBorderWidth()\n         for more information about the sides.",
-        "sig" : "(sides)",
+        "desc" : "Gets the related target.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "sides",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
+            "type" : "HTMLElement",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getHeight",
+        "name" : "getTarget",
         "type" : "function",
-        "desc" : "Returns the offset height of the element",
-        "sig" : "(contentHeight)",
+        "desc" : "Gets the target for the event.",
+        "sig" : "(selector, maxDepth, returnEl)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "contentHeight",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "(optional) A simple selector to filter the target or look for an ancestor of the target",
+            "isOptional" : false
+          },
+          {
+            "name" : "maxDepth",
+            "type" : "Number/String/HTMLElement/Element",
+            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnEl",
             "type" : "Boolean",
-            "desc" : "(optional) true to get the height minus borders and padding",
+            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The element's height"
+            "type" : "HTMLelement",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getLeft",
+        "name" : "getTime",
         "type" : "function",
-        "desc" : "Gets the left X coordinate",
-        "sig" : "(local)",
+        "desc" : "Gets the time of the event.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
         ]
       },
       {
-        "name" : "getMargins",
+        "name" : "getWheelDelta",
         "type" : "function",
-        "desc" : "Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,\nthen it returns the calculated width of the sides (see getPadding)",
-        "sig" : "(sides)",
+        "desc" : "Normalizes mouse wheel delta across browsers",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "sides",
-            "type" : "String",
-            "desc" : "(optional) Any combination of l, r, t, b to get the sum of those sides",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object/Number",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The delta"
           }
         ]
       },
       {
-        "name" : "getNextSibling",
+        "name" : "getXY",
         "type" : "function",
-        "desc" : "Gets the next sibling, skipping text nodes",
+        "desc" : "Gets the page coordinates of the event.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The next sibling or null"
+            "type" : "Array",
+            "desc" : "The xy values like [x, y]"
           }
         ]
       },
       {
-        "name" : "getPadding",
+        "name" : "hasModifier",
         "type" : "function",
-        "desc" : "Gets the width of the padding(s) for the specified side(s)",
-        "sig" : "(side)",
+        "desc" : "Returns true if the control, meta, shift or alt key was pressed during this event.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "side",
-            "type" : "String",
-            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the padding (l)eft + the padding (r)ight.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The padding of the sides passed added together"
+            "type" : "Boolean",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getPositioning",
+        "name" : "preventDefault",
         "type" : "function",
-        "desc" : "Gets an object with all CSS positioning properties. Useful along with setPostioning to get\nsnapshot before performing an update and then restoring the element.",
+        "desc" : "Prevents the browsers default handling of the event.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getPrevSibling",
+        "name" : "stopEvent",
         "type" : "function",
-        "desc" : "Gets the previous sibling, skipping text nodes",
+        "desc" : "Stop the event (preventDefault and stopPropagation)",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The previous sibling or null"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getRegion",
+        "name" : "stopPropagation",
         "type" : "function",
-        "desc" : "Returns the region of the given element.\nThe element must be part of the DOM tree to have a region (display:none or elements not appended return false).",
+        "desc" : "Cancels bubbling of the event.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Region",
-            "desc" : "A Roo.lib.Region containing \"top, left, bottom, right\" member data."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getRight",
+        "name" : "within",
         "type" : "function",
-        "desc" : "Gets the right X coordinate of the element (element X position + element width)",
-        "sig" : "(local)",
+        "desc" : "Returns true if the target of this event equals el or is a child of el",
+        "sig" : "(el, related)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "related",
             "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
+            "desc" : "(optional) true to test if the related target is within el instead of the target",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
+            "type" : "Boolean",
             "desc" : ""
           }
         ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Fx" : {
+    "props" : [
+      {
+        "name" : "afterCls",
+        "type" : "String",
+        "desc" : "A css class to apply after the effect",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "getScroll",
+        "name" : "afterStyle",
+        "type" : "String/Object/Function",
+        "desc" : "A style specification string, e.g. \"width:100px\", or an object in the form {width:\"100px\"}, or\na function which returns such a specification that will be applied to the Element after the effect finishes",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "block",
+        "type" : "Boolean",
+        "desc" : "Whether the effect should block other effects from queueing while it runs",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "callback",
+        "type" : "Function",
+        "desc" : "A function called when the effect is finished",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "concurrent",
+        "type" : "Boolean",
+        "desc" : "Whether to allow subsequently-queued effects to run at the same time as the current effect, or to ensure that they run in sequence",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "duration",
+        "type" : "Number",
+        "desc" : "The length of time (in seconds) that the effect should last",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "easing",
+        "type" : "String",
+        "desc" : "A valid Easing value for the effect",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "remove",
+        "type" : "Boolean",
+        "desc" : "Whether the Element should be removed from the DOM and destroyed after the effect finishes",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "scope",
+        "type" : "Object",
+        "desc" : "The scope of the effect function",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "stopFx",
+        "type" : "Boolean",
+        "desc" : "Whether subsequent effects should be stopped and removed after the current effect finishes",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "useDisplay",
+        "type" : "Boolean",
+        "desc" : "Whether to use the <i>display</i> CSS property instead of <i>visibility</i> when hiding Elements (only applies to \neffects that end with the element being visually hidden, ignored otherwise)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "fadeIn",
         "type" : "function",
-        "desc" : "Returns the current scroll position of the element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fade an element in (from transparent to opaque).  The ending opacity can be specified\nusing the \"endOpacity\" config option.\nUsage:\n<pre><code>\n// default: fade in from opacity 0 to 100%\nel.fadeIn();\n\n// custom: fade in from opacity 0 to 75% over 2 seconds\nel.fadeIn({ endOpacity: .75, duration: 2});\n\n// common config options shown with default values\nel.fadeIn({\n    endOpacity: 1, //can be any value between 0 and 1 (e.g. .5)\n    easing: 'easeOut',\n    duration: .5\n});\n</code></pre>",
+        "sig" : "(options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getSize",
+        "name" : "fadeOut",
         "type" : "function",
-        "desc" : "Returns the size of the element.",
-        "sig" : "(contentSize)",
-        "static" : false,
+        "desc" : "Fade an element out (from opaque to transparent).  The ending opacity can be specified\nusing the \"endOpacity\" config option.\nUsage:\n<pre><code>\n// default: fade out from the element's current opacity to 0\nel.fadeOut();\n\n// custom: fade out from the element's current opacity to 25% over 2 seconds\nel.fadeOut({ endOpacity: .25, duration: 2});\n\n// common config options shown with default values\nel.fadeOut({\n    endOpacity: 0, //can be any value between 0 and 1 (e.g. .5)\n    easing: 'easeOut',\n    duration: .5\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
+        "sig" : "(options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "contentSize",
-            "type" : "Boolean",
-            "desc" : "(optional) true to get the width/size minus borders and padding",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getStyle",
+        "name" : "frame",
         "type" : "function",
-        "desc" : "Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.",
-        "sig" : "(property)",
-        "static" : false,
+        "desc" : "Shows a ripple of exploding, attenuating borders to draw attention to an Element.\nUsage:\n<pre><code>\n// default: a single light blue ripple\nel.frame();\n\n// custom: 3 red ripples lasting 3 seconds total\nel.frame(\"ff0000\", 3, { duration: 3 });\n\n// common config options shown with default values\nel.frame(\"C3DAF9\", 1, {\n    duration: 1 //duration of entire animation (not each individual ripple)\n    // Note: Easing is not configurable and will be ignored if included\n});\n</code></pre>",
+        "sig" : "(color, count, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "property",
+            "name" : "color",
             "type" : "String",
-            "desc" : "The style property whose value is returned.",
+            "desc" : "(optional) The color of the border.  Should be a 6 char hex color without the leading # (defaults to light blue: 'C3DAF9').",
+            "isOptional" : false
+          },
+          {
+            "name" : "count",
+            "type" : "Number",
+            "desc" : "(optional) The number of ripples to display (defaults to 1)",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "The current value of the style property for this element."
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getStyles",
+        "name" : "ghost",
         "type" : "function",
-        "desc" : "Returns an object with properties matching the styles requested.\nFor example, el.getStyles('color', 'font-size', 'width') might return\n{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.",
-        "sig" : "(style1, style2)",
-        "static" : false,
+        "desc" : "Slides the element while fading it out of view.  An anchor point can be optionally passed to set the \nending point of the effect.\nUsage:\n<pre><code>\n// default: slide the element downward while fading out\nel.ghost();\n\n// custom: slide the element out to the right with a 2-second duration\nel.ghost('r', { duration: 2 });\n\n// common config options shown with default values\nel.ghost('b', {\n    easing: 'easeOut',\n    duration: .5\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
+        "sig" : "(anchor, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "style1",
+            "name" : "anchor",
             "type" : "String",
-            "desc" : "A style name",
+            "desc" : "(optional) One of the valid Fx anchor positions (defaults to bottom: 'b')",
             "isOptional" : false
           },
           {
-            "name" : "style2",
-            "type" : "String",
-            "desc" : "A style name",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "The style object"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getTop",
+        "name" : "hasActiveFx",
         "type" : "function",
-        "desc" : "Gets the top Y coordinate",
-        "sig" : "(local)",
-        "static" : false,
+        "desc" : "Returns true if the element has any effects actively running or queued, else returns false.",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "True if element has active effects, else false"
           }
         ]
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "hasFxBlock",
         "type" : "function",
-        "desc" : "Gets this element's UpdateManager",
+        "desc" : "Returns true if the element is currently blocking so that no other effect can be queued\nuntil this effect is finished, else returns false if blocking is not set.  This is commonly\nused to ensure that an effect initiated by a user action runs to completion prior to the\nsame effect being restarted (e.g., firing only one effect even if the user clicks several times).",
         "sig" : "()\n{\n\n}",
-        "static" : false,
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "Boolean",
+            "desc" : "True if blocking, else false"
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "highlight",
         "type" : "function",
-        "desc" : "Returns the value of the \"value\" attribute",
-        "sig" : "(asNumber)",
-        "static" : false,
+        "desc" : "Highlights the Element by setting a color (applies to the background-color by default, but can be\nchanged using the \"attr\" config option) and then fading back to the original color. If no original\ncolor is available, you should provide the \"endColor\" config option which will be cleared after the animation.\nUsage:\n<pre><code>\n// default: highlight background to yellow\nel.highlight();\n\n// custom: highlight foreground text to blue for 2 seconds\nel.highlight(\"0000ff\", { attr: 'color', duration: 2 });\n\n// common config options shown with default values\nel.highlight(\"ffff9c\", {\n    attr: \"background-color\", //can be any valid CSS property (attribute) that supports a color value\n    endColor: (current color) or \"ffffff\",\n    easing: 'easeIn',\n    duration: 1\n});\n</code></pre>",
+        "sig" : "(color, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "asNumber",
-            "type" : "Boolean",
-            "desc" : "true to parse the value as a number",
+            "name" : "color",
+            "type" : "String",
+            "desc" : "(optional) The highlight color. Should be a 6 char hex color without the leading # (defaults to yellow: 'ffff9c')",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String/Number",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getViewSize",
+        "name" : "pause",
         "type" : "function",
-        "desc" : "Returns the width and height of the viewport.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Creates a pause before any subsequent queued effects begin.  If there are\nno effects queued after the pause it will have no effect.\nUsage:\n<pre><code>\nel.pause(1);\n</code></pre>",
+        "sig" : "(seconds)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "seconds",
+            "type" : "Number",
+            "desc" : "The length of time to pause (in seconds)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the viewport's size {width: (viewport width), height: (viewport height)}"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getWidth",
+        "name" : "puff",
         "type" : "function",
-        "desc" : "Returns the offset width of the element",
-        "sig" : "(contentWidth)",
-        "static" : false,
+        "desc" : "Fades the element out while slowly expanding it in all directions.  When the effect is completed, the \nelement will be hidden (visibility = 'hidden') but block elements will still take up space in the document. \nThe element must be removed from the DOM using the 'remove' config option if desired.\nUsage:\n<pre><code>\n// default\nel.puff();\n\n// common config options shown with default values\nel.puff({\n    easing: 'easeOut',\n    duration: .5,\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
+        "sig" : "(options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "contentWidth",
-            "type" : "Boolean",
-            "desc" : "(optional) true to get the width minus borders and padding",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The element's width"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getX",
+        "name" : "scale",
         "type" : "function",
-        "desc" : "Gets the current X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Animates the transition of an element's dimensions from a starting height/width\nto an ending height/width.\nUsage:\n<pre><code>\n// change height and width to 100x100 pixels\nel.scale(100, 100);\n\n// common config options shown with default values.  The height and width will default to\n// the element's existing values if passed as null.\nel.scale(\n    [element's width],\n    [element's height], {\n    easing: 'easeOut',\n    duration: .35\n});\n</code></pre>",
+        "sig" : "(width, height, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "width",
             "type" : "Number",
-            "desc" : "The X position of the element"
+            "desc" : "The new width (pass undefined to keep the original width)",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height (pass undefined to keep the original height)",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "getXY",
-        "type" : "function",
-        "desc" : "Gets the current position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "getY",
+        "name" : "sequenceFx",
         "type" : "function",
-        "desc" : "Gets the current Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "desc" : "Ensures that all effects queued after sequenceFx is called on the element are\nrun in sequence.  This is the opposite of {@link #syncFx}.",
         "sig" : "()\n{\n\n}",
-        "static" : false,
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The Y position of the element"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "hasClass",
+        "name" : "shift",
         "type" : "function",
-        "desc" : "Checks if the specified CSS class exists on this element's DOM node.",
-        "sig" : "(className)",
-        "static" : false,
+        "desc" : "Animates the transition of any combination of an element's dimensions, xy position and/or opacity.\nAny of these properties not specified in the config object will not be changed.  This effect \nrequires that at least one new dimension, position or opacity setting must be passed in on\nthe config object in order for the function to have any effect.\nUsage:\n<pre><code>\n// slide the element horizontally to x position 200 while changing the height and opacity\nel.shift({ x: 200, height: 50, opacity: .8 });\n\n// common config options shown with default values.\nel.shift({\n    width: [element's width],\n    height: [element's height],\n    x: [element's x position],\n    y: [element's y position],\n    opacity: [element's opacity],\n    easing: 'easeOut',\n    duration: .35\n});\n</code></pre>",
+        "sig" : "(options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String",
-            "desc" : "The CSS class to check for",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the class exists, else false"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "slideIn",
         "type" : "function",
-        "desc" : "Hide this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
-        "sig" : "(animate)",
-        "static" : false,
+        "desc" : "Slides the element into view.  An anchor point can be optionally passed to set the point of\norigin for the slide effect.  This function automatically handles wrapping the element with\na fixed-size container if needed.  See the Fx class overview for valid anchor point options.\nUsage:\n<pre><code>\n// default: slide the element in from the top\nel.slideIn();\n\n// custom: slide the element in from the right with a 2-second duration\nel.slideIn('r', { duration: 2 });\n\n// common config options shown with default values\nel.slideIn('t', {\n    easing: 'easeOut',\n    duration: .5\n});\n</code></pre>",
+        "sig" : "(anchor, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "anchor",
+            "type" : "String",
+            "desc" : "(optional) One of the valid Fx anchor positions (defaults to top: 't')",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "this"
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "initDD",
+        "name" : "slideOut",
         "type" : "function",
-        "desc" : "Initializes a {@link Roo.dd.DD} drag drop object for this element.",
-        "sig" : "(group, config, overrides)",
-        "static" : false,
+        "desc" : "Slides the element out of view.  An anchor point can be optionally passed to set the end point\nfor the slide effect.  When the effect is completed, the element will be hidden (visibility = \n'hidden') but block elements will still take up space in the document.  The element must be removed\nfrom the DOM using the 'remove' config option if desired.  This function automatically handles \nwrapping the element with a fixed-size container if needed.  See the Fx class overview for valid anchor point options.\nUsage:\n<pre><code>\n// default: slide the element out to the top\nel.slideOut();\n\n// custom: slide the element out to the right with a 2-second duration\nel.slideOut('r', { duration: 2 });\n\n// common config options shown with default values\nel.slideOut('t', {\n    easing: 'easeOut',\n    duration: .5,\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
+        "sig" : "(anchor, options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "group",
+            "name" : "anchor",
             "type" : "String",
-            "desc" : "The group the DD object is member of",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The DD config object",
+            "desc" : "(optional) One of the valid Fx anchor positions (defaults to top: 't')",
             "isOptional" : false
           },
           {
-            "name" : "overrides",
+            "name" : "options",
             "type" : "Object",
-            "desc" : "An object containing methods to override/implement on the DD object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.dd.DD",
-            "desc" : "The DD object"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "initDDProxy",
+        "name" : "stopFx",
         "type" : "function",
-        "desc" : "Initializes a {@link Roo.dd.DDProxy} object for this element.",
-        "sig" : "(group, config, overrides)",
-        "static" : false,
+        "desc" : "Stops any running effects and clears the element's internal effects queue if it contains\nany additional effects that haven't started yet.",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "group",
-            "type" : "String",
-            "desc" : "The group the DDProxy object is member of",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The DDProxy config object",
-            "isOptional" : false
-          },
-          {
-            "name" : "overrides",
-            "type" : "Object",
-            "desc" : "An object containing methods to override/implement on the DDProxy object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.dd.DDProxy",
-            "desc" : "The DDProxy object"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "initDDTarget",
+        "name" : "switchOff",
         "type" : "function",
-        "desc" : "Initializes a {@link Roo.dd.DDTarget} object for this element.",
-        "sig" : "(group, config, overrides)",
-        "static" : false,
+        "desc" : "Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).\nWhen the effect is completed, the element will be hidden (visibility = 'hidden') but block elements will still \ntake up space in the document. The element must be removed from the DOM using the 'remove' config option if desired.\nUsage:\n<pre><code>\n// default\nel.switchOff();\n\n// all config options shown with default values\nel.switchOff({\n    easing: 'easeIn',\n    duration: .3,\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
+        "sig" : "(options)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "group",
-            "type" : "String",
-            "desc" : "The group the DDTarget object is member of",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The DDTarget config object",
-            "isOptional" : false
-          },
-          {
-            "name" : "overrides",
+            "name" : "options",
             "type" : "Object",
-            "desc" : "An object containing methods to override/implement on the DDTarget object",
+            "desc" : "(optional) Object literal with any of the Fx config options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.dd.DDTarget",
-            "desc" : "The DDTarget object"
+            "type" : "Roo.Element",
+            "desc" : "The Element"
           }
         ]
       },
       {
-        "name" : "insertAfter",
+        "name" : "syncFx",
         "type" : "function",
-        "desc" : "Inserts this element after the passed element in the DOM",
-        "sig" : "(el)",
-        "static" : false,
+        "desc" : "Ensures that all effects queued after syncFx is called on the element are\nrun concurrently.  This is the opposite of {@link #sequenceFx}.",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to insert after",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "this"
+            "desc" : "The Element"
           }
         ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.HtmlEditorCore" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowComments",
+        "type" : "boolean",
+        "desc" : "- default false - allow comments in HTML source\n         - by default they are stripped - if you are editing email you may need this.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoClean",
+        "type" : "boolean",
+        "desc" : "- default true - loading and saving will remove quite a bit of formating,\n        if you are doing an email editor, this probably needs disabling, it's designed",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "css",
+        "type" : "String",
+        "desc" : "styling for resizing. (used on bootstrap only)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableBlocks",
+        "type" : "boolean",
+        "desc" : "- default true - if the block editor (table and figure should be enabled)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "(in pixels)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "insertBefore",
+        "name" : "language",
+        "type" : "String",
+        "desc" : "default en - language of text (usefull for rtl languages)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "stylesheets",
+        "type" : "Array",
+        "desc" : "url of stylesheets. set to [] to disable stylesheets.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "the",
+        "type" : "Roo.form.HtmlEditor|Roo.bootstrap.HtmlEditor",
+        "desc" : "owner field",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "(in pixels)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Inserts this element before the passed element in the DOM",
-        "sig" : "(el)",
-        "static" : false,
+        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to insert before",
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "insertFirst",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Inserts (or creates) an element (or DomHelper config) as the first child of the this element",
-        "sig" : "(el)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Object",
-            "desc" : "The id or element to insert or a DomHelper config to create and insert",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The new child"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "insertHtml",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Inserts an html fragment into this element",
-        "sig" : "(where, html, returnEl)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "where",
-            "type" : "String",
-            "desc" : "Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "The HTML fragment",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnEl",
-            "type" : "Boolean",
-            "desc" : "True to return an Roo.Element",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The inserted node (or nearest related if more than 1 inserted)"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "insertSibling",
+        "name" : "beforepush",
         "type" : "function",
-        "desc" : "Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element",
-        "sig" : "(el, where, returnDom)",
-        "static" : false,
+        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
+        "sig" : "function (_self, html)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Object",
-            "desc" : "The id or element to insert or a DomHelper config to create and insert",
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "where",
+            "name" : "html",
             "type" : "String",
-            "desc" : "(optional) 'before' or 'after' defaults to before",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "the inserted Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "is",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(selector)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The simple selector to test",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if this element matches the selector, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isBorderBox",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Tests various css rules/browsers to determine if this element uses a border box",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isDisplayed",
+        "name" : "beforesync",
         "type" : "function",
-        "desc" : "Returns true if display is not \"none\"",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
+        "sig" : "function (_self, html)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isMasked",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Returns true if this element is masked",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isScrollable",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Returns true if this element is scrollable.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Checks whether the element is currently visible using both visibility and display properties.",
-        "sig" : "(deep)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "deep",
-            "type" : "Boolean",
-            "desc" : "(optional) True to walk the dom and see if parent elements are hidden (defaults to false)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the element is currently visible, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Direct access to the UpdateManager update() method (takes the same parameters).",
-        "sig" : "(url, params, callback, discardUrl)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The url for this request or a function to call to get the url",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a url encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "mask",
+        "name" : "editorevent",
         "type" : "function",
-        "desc" : "Puts a mask over this element to disable user interaction. Requires core.css.\nThis method can only be applied to elements which accept child nodes.",
-        "sig" : "(msg, msgCls)",
-        "static" : false,
+        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "(optional) A message to display in the mask",
-            "isOptional" : false
-          },
-          {
-            "name" : "msgCls",
-            "type" : "String",
-            "desc" : "(optional) A css class to apply to the msg element - use no-spinner to hide the spinner on bootstrap",
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Element",
-            "desc" : "The mask  element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Move this element relative to its current position.",
-        "sig" : "(direction, distance, animate)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "direction",
-            "type" : "String",
-            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
-            "isOptional" : false
-          },
-          {
-            "name" : "distance",
-            "type" : "Number",
-            "desc" : "How far to move the element in pixels",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "moveTo",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(x, y, animate)",
-        "static" : false,
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "X value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "Y value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "initialize",
         "type" : "function",
-        "desc" : "Appends an event handler (Shorthand for addListener)",
-        "sig" : "(eventName, fn, scope, options)",
-        "static" : false,
+        "desc" : "Fires when the editor is fully initialized (including the iframe)",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to append",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) of the fn",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "position",
+        "name" : "push",
         "type" : "function",
-        "desc" : "Initializes positioning on this element. If a desired position is not passed, it will make the\nthe element positioned relative IF it is not already positioned.",
-        "sig" : "(pos, zIndex, x, y)",
-        "static" : false,
+        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
+        "sig" : "function (_self, html)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "pos",
-            "type" : "String",
-            "desc" : "(optional) Positioning to use \"relative\", \"absolute\" or \"fixed\"",
-            "isOptional" : false
-          },
-          {
-            "name" : "zIndex",
-            "type" : "Number",
-            "desc" : "(optional) The zIndex to apply",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "(optional) Set the page X position",
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "(optional) Set the page Y position",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "query",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Selects child nodes based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The CSS selector",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "An array of the matched nodes"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "radioClass",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Adds one or more CSS classes to this element and removes the same class(es) from all siblings.",
-        "sig" : "(className)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String/Array",
-            "desc" : "The CSS class to add, or an array of classes",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "Removes this element from the DOM and deletes it from the cache",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeAllListeners",
+        "name" : "sync",
         "type" : "function",
-        "desc" : "Removes all previous added listeners from this element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
+        "sig" : "function (_self, html)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "removeClass",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Removes one or more CSS classes from the element.",
-        "sig" : "(className)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String/Array",
-            "desc" : "The CSS class to remove, or an array of classes",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Removes an event handler from this element",
-        "sig" : "(eventName, fn, scope)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "the type of event to remove",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "fn",
+            "name" : "handler",
             "type" : "Function",
-            "desc" : "the method the event invokes",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
-            "type" : "Function",
-            "desc" : "(needed for svg fake listeners)",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "repaint",
-        "type" : "function",
-        "desc" : "Forces the browser to repaint this element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "replace",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Replaces the passed element with this element",
-        "sig" : "(el)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to replace",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "replaceClass",
+        "name" : "cleanHtml",
         "type" : "function",
-        "desc" : "Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.",
-        "sig" : "(oldClassName, newClassName)",
+        "desc" : "Protected method that will not generally be called directly. If you need/want\ncustom HTML cleanup, this is the method you should override.",
+        "sig" : "(html)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "oldClassName",
-            "type" : "String",
-            "desc" : "The CSS class to replace",
-            "isOptional" : false
-          },
-          {
-            "name" : "newClassName",
+            "name" : "html",
             "type" : "String",
-            "desc" : "The replacement CSS class",
+            "desc" : "The HTML to be cleaned\nreturn {String} The cleaned HTML",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "scroll",
+        "name" : "cleanTableWidths",
         "type" : "function",
-        "desc" : "Scrolls this element the specified direction. Does bounds checking to make sure the scroll is\nwithin this element's scrollable range.",
-        "sig" : "(direction, distance, animate)",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "",
+        "deprecated" : "This has been deprecated: - use filters",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "direction",
-            "type" : "String",
-            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
-            "isOptional" : false
-          },
-          {
-            "name" : "distance",
-            "type" : "Number",
-            "desc" : "How far to scroll the element in pixels",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "Returns true if a scroll was triggered or false if the element\nwas scrolled as far as it could go."
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "scrollIntoView",
+        "name" : "cleanWord",
         "type" : "function",
-        "desc" : "Scrolls this element into view within the passed container.",
-        "sig" : "(container, hscroll)",
+        "desc" : "Clean up MS wordisms...",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "",
+        "deprecated" : "This has been deprecated: - use filter directly",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The container element to scroll (defaults to document.body)",
-            "isOptional" : false
-          },
-          {
-            "name" : "hscroll",
-            "type" : "Boolean",
-            "desc" : "(optional) False to disable horizontal scroll (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "scrollTo",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().",
-        "sig" : "(side, value, animate)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "side",
-            "type" : "String",
-            "desc" : "Either \"left\" for scrollLeft values or \"top\" for scrollTop values.",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Number",
-            "desc" : "The new scroll value",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "select",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Creates a {@link Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector, unique)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The CSS selector",
-            "isOptional" : false
-          },
-          {
-            "name" : "unique",
-            "type" : "Boolean",
-            "desc" : "(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "CompositeElement/CompositeElementLite",
-            "desc" : "The composite element"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "set",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)",
-        "sig" : "(o, useSet)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The object with the attributes",
-            "isOptional" : false
-          },
-          {
-            "name" : "useSet",
-            "type" : "Boolean",
-            "desc" : "(optional) false to override the default setAttribute to use expandos.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "setBottom",
+        "name" : "execCmd",
         "type" : "function",
-        "desc" : "Sets the element's CSS bottom style.",
-        "sig" : "(bottom)",
+        "desc" : "Executes a Midas editor command directly on the editor document.\nFor visual commands, you should use {@link #relayCmd} instead.\n<b>This should only be called after the editor is initialized.</b>",
+        "sig" : "(cmd, value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "bottom",
+            "name" : "cmd",
             "type" : "String",
-            "desc" : "The bottom CSS property value",
+            "desc" : "The Midas command",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "value",
+            "type" : "String/Boolean",
+            "desc" : "(optional) The value to pass to the command (defaults to null)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setBounds",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.",
-        "sig" : "(x, y, width, height, animate)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "X value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "Y value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "setBox",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently.",
-        "sig" : "(box, adjust, animate)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "The box to fill {x, y, width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjust",
+            "name" : "selectText",
             "type" : "Boolean",
-            "desc" : "(optional) Whether to adjust for box-model issues automatically",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "setDisplayed",
+        "name" : "getDocMarkup",
         "type" : "function",
-        "desc" : "Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.",
-        "sig" : "(value)",
+        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor initializes the iframe with HTML contents. Override this method if you\nwant to change the initialization markup of the iframe (e.g. to add stylesheets).",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean",
-            "desc" : "Boolean value to display the element using its default display, or a string to set the display directly",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setHeight",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Set the height of the element",
-        "sig" : "(height, animate)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "this"
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "setLeft",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Sets the element's left position directly using CSS style (instead of {@link #setX}).",
-        "sig" : "(left)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "String",
-            "desc" : "The left CSS property value",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "setLeftTop",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Quick set left and top adding default units",
-        "sig" : "(left, top)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "String",
-            "desc" : "The left CSS property value",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The top CSS property value",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "setLocation",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(x, y, animate)",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "X value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "Y value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "setOpacity",
+        "name" : "insertAtCursor",
         "type" : "function",
-        "desc" : "Set the opacity of the element",
-        "sig" : "(opacity, animate)",
+        "desc" : "Inserts the passed text at the current cursor position. Note: the editor must be initialized and activated\nto insert tRoo.",
+        "sig" : "(text)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "opacity",
-            "type" : "Float",
-            "desc" : "The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "| dom node..",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setPositioning",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Set positioning with an object returned by getPositioning().",
-        "sig" : "(posCfg)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "posCfg",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setRegion",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Sets the element's position and size the the specified region. If animation is true then width, height, x and y will be animated concurrently.",
-        "sig" : "(region, animate)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.lib.Region",
-            "desc" : "The region to fill",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setRight",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Sets the element's CSS right style.",
-        "sig" : "(right)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "right",
-            "type" : "String",
-            "desc" : "The right CSS property value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "pushValue",
         "type" : "function",
-        "desc" : "Set the size of the element. If animation is true, both width an height will be animated concurrently.",
-        "sig" : "(width, height, animate)",
+        "desc" : "TEXTAREA -> EDITABLE\nProtected method that will not generally be called directly. Pushes the value of the textarea\ninto the iframe editor.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setStyle",
+        "name" : "rangeIntersectsNode",
         "type" : "function",
-        "desc" : "Wrapper for setting style properties, also takes single object parameter of multiple styles.",
-        "sig" : "(property, value)",
+        "desc" : "Range intersection.. the hard stuff...\n '-1' = before\n '0' = hits..\n '1' = after.\n        [ -- selected range --- ]\n  [fail]                        [fail]\n\n   basically..\n     if end is before start or  hits it. fail.\n     if start is after end or hits it fail.\n\n  if either hits (but other is outside. - then it's not",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "property",
-            "type" : "String/Object",
-            "desc" : "The style property to be set, or an object of multiple styles.",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "(optional) The value to apply to the given property, or null if an object was passed.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setTop",
+        "name" : "relayCmd",
         "type" : "function",
-        "desc" : "Sets the element's top position directly using CSS style (instead of {@link #setY}).",
-        "sig" : "(top)",
+        "desc" : "Executes a Midas editor command on the editor document and performs necessary focus and\ntoolbar updates. <b>This should only be called after the editor is initialized.</b>",
+        "sig" : "(cmd, value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "top",
+            "name" : "cmd",
             "type" : "String",
-            "desc" : "The top CSS property value",
+            "desc" : "The Midas command",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "value",
+            "type" : "String/Boolean",
+            "desc" : "(optional) The value to pass to the command (defaults to null)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setVisibilityMode",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Sets the element's visibility mode. When setVisible() is called it\nwill use this to determine whether to set the visibility or the display property.",
-        "sig" : "(visMode)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "visMode",
-            "type" : "",
-            "desc" : "Element.VISIBILITY or Element.DISPLAY",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use\nthe display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.",
-        "sig" : "(visible, animate)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "Whether the element is visible",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setWidth",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Set the width of the element",
-        "sig" : "(width, animate)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setX",
+        "name" : "selectNode",
         "type" : "function",
-        "desc" : "Sets the X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(The, animate)",
+        "desc" : "Select a dom node",
+        "sig" : "(node)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "The",
-            "type" : "Number",
-            "desc" : "X position of the element",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "the node to select",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setXY",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(pos, animate)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "pos",
-            "type" : "Array",
-            "desc" : "Contains X & Y [x, y] values for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setY",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Sets the Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(The, animate)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "The",
-            "type" : "Number",
-            "desc" : "Y position of the element",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
-        "sig" : "(animate)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "swallowEvent",
+        "name" : "syncValue",
         "type" : "function",
-        "desc" : "Stops the specified event from bubbling and optionally prevents the default action",
-        "sig" : "(eventName, preventDefault)",
+        "desc" : "HTML Editor -> Textarea\nProtected method that will not generally be called directly. Syncs the contents\nof the editor iframe with the textarea.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "preventDefault",
-            "type" : "Boolean",
-            "desc" : "(optional) true to prevent the default action too",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "toggleSourceEdit",
         "type" : "function",
-        "desc" : "Toggles the element's visibility or display, depending on visibility mode.",
-        "sig" : "(animate)",
+        "desc" : "Toggles the editor between standard and source edit mode.",
+        "sig" : "(sourceEdit)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "sourceEdit",
+            "type" : "Boolean",
+            "desc" : "(optional) True for source edit, false for standard",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "toggleClass",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).",
-        "sig" : "(className)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The CSS class to toggle",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.JsonView" : {
+    "props" : [
+      {
+        "name" : "dataName",
+        "type" : "String",
+        "desc" : "the named area of the template to use as the data area\n                         Works with domtemplates roo-name=\"name\"",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "translatePoints",
+        "name" : "el",
+        "type" : "String|Roo.Element",
+        "desc" : "The container element.",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The empty text to show when nothing is loaded.",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "multiSelect",
+        "type" : "Boolean",
+        "desc" : "Allow multiple selection",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "The css class to add to selected nodes",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "singleSelect",
+        "type" : "Boolean",
+        "desc" : "Allow single selection",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "Data store to load data from.",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "to display on mask (default Loading)",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tickable",
+        "type" : "Boolean",
+        "desc" : "- selecting",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toggleSelect",
+        "type" : "Boolean",
+        "desc" : "- selecting",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tpl",
+        "type" : "String|Roo.Template",
+        "desc" : "The template used by this View",
+        "memberOf" : "Roo.View",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforeclick",
         "type" : "function",
-        "desc" : "Translates the passed page coordinates into left/top css values for this element",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a click is processed. Returns false to cancel the default action.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "memberOf" : "Roo.View",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number/Array",
-            "desc" : "The page x or an array containing [x, y]",
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "y",
+            "name" : "index",
             "type" : "Number",
-            "desc" : "The page y",
+            "desc" : "The index of the target node",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "An object with left and top properties. e.g. {left: (value), top: (value)}"
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Removes an event handler from this element (shorthand for removeListener)",
-        "sig" : "(eventName, fn)",
-        "static" : false,
+        "desc" : "Fires before rendering of the downloaded JSON data.",
+        "sig" : "function (_self, data)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "the type of event to remove",
+            "name" : "this",
+            "type" : "Roo.JsonView",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "the method the event invokes",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "The JSON data loaded",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "unclip",
+        "name" : "beforeselect",
         "type" : "function",
-        "desc" : "Return clipping (overflow) to original clipping before clip() was called",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a selection is made. If any handlers return false, the selection is cancelled.",
+        "sig" : "function (_self, node, selections)\n{\n\n}",
+        "memberOf" : "Roo.View",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The node to be selected",
+            "isOptional" : false
+          },
+          {
+            "name" : "selections",
+            "type" : "Array",
+            "desc" : "Array of currently selected nodes",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "unmask",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise\nit is cached for reuse.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a template node is clicked.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "memberOf" : "Roo.View",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "unselectable",
+        "name" : "contextmenu",
         "type" : "function",
-        "desc" : "Disables text selection for this element (normalized across browsers)",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a template node is right clicked.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "memberOf" : "Roo.View",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "up",
+        "name" : "dblclick",
         "type" : "function",
-        "desc" : "Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).\nThis is a shortcut for findParentNode() that always returns an Roo.Element.",
-        "sig" : "(selector, maxDepth)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a template node is double clicked.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "memberOf" : "Roo.View",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The simple selector to test",
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "maxDepth",
-            "type" : "Number/String/HTMLElement/Element",
-            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the target node",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The matching DOM node (or null if no match was found)"
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "update",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Update the innerHTML of this element, optionally searching for and processing scripts",
-        "sig" : "(html, loadScripts, callback)",
-        "static" : false,
+        "desc" : "Fires when data is loaded.",
+        "sig" : "function (_self, data, response)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "The new HTML",
+            "name" : "this",
+            "type" : "Roo.JsonView",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "The JSON data loaded",
             "isOptional" : false
           },
           {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "For async script loading you can be noticed when the update completes",
+            "name" : "response",
+            "type" : "Object",
+            "desc" : "The raw Connect response object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "wrap",
+        "name" : "loadexception",
         "type" : "function",
-        "desc" : "Creates and wraps this element with another element",
-        "sig" : "(config, returnDom)",
-        "static" : false,
+        "desc" : "Fires when loading fails.",
+        "sig" : "function (_self, response)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "(optional) DomHelper element config object for the wrapper element or null for an empty div",
+            "name" : "this",
+            "type" : "Roo.JsonView",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
+            "name" : "response",
+            "type" : "Object",
+            "desc" : "The raw Connect response object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Element",
-            "desc" : "The newly created wrapper element"
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.Layer"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.EventManager" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "returns" : []
+      },
       {
-        "name" : "addListener",
+        "name" : "preparedata",
         "type" : "function",
-        "desc" : "Appends an event handler to an element (shorthand for addListener)",
-        "sig" : "(element, eventName, handler, scope, options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires on every row to render, to allow you to change the data.",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "Roo.View",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement",
-            "desc" : "The html element or id to assign the",
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "to be rendered (change this)",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "selectionchange",
+        "type" : "function",
+        "desc" : "Fires when the selected nodes change.",
+        "sig" : "function (_self, selections)\n{\n\n}",
+        "memberOf" : "Roo.View",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "selections",
+            "type" : "Array",
+            "desc" : "Array of the selected nodes",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "options",
+            "name" : "object",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delegate {String} A simple selector to filter the target or look for a descendant of the target</li>\n<li>stopEvent {Boolean} True to stop the event. That is stop propagation, and prevent the default action.</li>\n<li>preventDefault {Boolean} True to prevent the default action</li>\n<li>stopPropagation {Boolean} True to prevent event propagation</li>\n<li>normalized {Boolean} False to pass a browser event to the handler function instead of an Roo.EventObject</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<div style=\"margin: 5px 20px 20px;\">\nCode:<pre><code>\nel.on('click', this.onClick, this, {\n    single: true,\n    delay: 100,\n    stopEvent : true,\n    forumId: 4\n});</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<p>\nCode:<pre><code>\nel.on({\n    'click' : {\n        fn: this.onClick\n        scope: this,\n        delay: 100\n    },\n    'mouseover' : {\n        fn: this.onMouseOver\n        scope: this\n    },\n    'mouseout' : {\n        fn: this.onMouseOut\n        scope: this\n    }\n});</code></pre>\n<p>\nOr a shorthand syntax:<br>\nCode:<pre><code>\nel.on({\n    'click' : this.onClick,\n    'mouseover' : this.onMouseOver,\n    'mouseout' : this.onMouseOut\n    scope: this\n});</code></pre>",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Appends an event handler to an element (shorthand for addListener)",
-        "sig" : "(element, eventName, handler, scope, options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
-          {
-            "name" : "element",
-            "type" : "String/HTMLElement",
-            "desc" : "The html element or id to assign the",
-            "isOptional" : false
-          },
           {
             "name" : "eventName",
             "type" : "String",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delegate {String} A simple selector to filter the target or look for a descendant of the target</li>\n<li>stopEvent {Boolean} True to stop the event. That is stop propagation, and prevent the default action.</li>\n<li>preventDefault {Boolean} True to prevent the default action</li>\n<li>stopPropagation {Boolean} True to prevent event propagation</li>\n<li>normalized {Boolean} False to pass a browser event to the handler function instead of an Roo.EventObject</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<div style=\"margin: 5px 20px 20px;\">\nCode:<pre><code>\nel.on('click', this.onClick, this, {\n    single: true,\n    delay: 100,\n    stopEvent : true,\n    forumId: 4\n});</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<p>\nCode:<pre><code>\nel.on({\n    'click' : {\n        fn: this.onClick\n        scope: this,\n        delay: 100\n    },\n    'mouseover' : {\n        fn: this.onMouseOver\n        scope: this\n    },\n    'mouseout' : {\n        fn: this.onMouseOut\n        scope: this\n    }\n});</code></pre>\n<p>\nOr a shorthand syntax:<br>\nCode:<pre><code>\nel.on({\n    'click' : this.onClick,\n    'mouseover' : this.onMouseOver,\n    'mouseout' : this.onMouseOut\n    scope: this\n});</code></pre>",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDocumentReady",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires when the document is ready (before onload and before images are loaded). Can be \naccessed shorthanded Roo.onReady().",
-        "sig" : "(fn, scope, options)",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
         "static" : true,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
           {
             "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "An  object that becomes the scope of the handler",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "boolean",
-            "desc" : "",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onTextResize",
+        "name" : "clearFilter",
         "type" : "function",
-        "desc" : "Fires when the user changes the active text size. Handler gets called with 2 params, the old size and the new size.",
-        "sig" : "(fn, scope, options)",
-        "static" : true,
+        "desc" : "Clears the current filter.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "An object that becomes the scope of the handler",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onWindowResize",
+        "name" : "clearSelections",
         "type" : "function",
-        "desc" : "Fires when the window is resized and provides resize event buffering (50 milliseconds), passes new viewport width and height to handlers.",
-        "sig" : "(fn, scope, options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Clear all selections",
+        "sig" : "(suppressEvent)",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "An object that becomes the scope of the handler",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "boolean",
-            "desc" : "",
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "(optional) true to skip firing of the selectionchange event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "filter",
         "type" : "function",
-        "desc" : "Removes an event handler",
-        "sig" : "(element, eventName, fn)",
-        "static" : true,
+        "desc" : "Filter the data by a specific property.",
+        "sig" : "(property, value)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement",
-            "desc" : "The id or html element to remove the \n                            event from",
-            "isOptional" : false
-          },
-          {
-            "name" : "eventName",
+            "name" : "property",
             "type" : "String",
-            "desc" : "The type of event",
+            "desc" : "A property on your JSON objects",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "",
+            "name" : "value",
+            "type" : "String/RegExp",
+            "desc" : "Either string that the property values\nshould start with, or a RegExp to test against the property",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if a listener was actually removed"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "removeResizeListener",
+        "name" : "filterBy",
         "type" : "function",
-        "desc" : "Removes the passed window resize listener.",
+        "desc" : "Filter by a function. The passed function will be called with each\nobject in the current dataset. If the function returns true the value is kept,\notherwise it is filtered.",
         "sig" : "(fn, scope)",
-        "static" : true,
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
           {
             "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "The scope of handler",
+            "desc" : "(optional) The scope of the function (defaults to this JsonView)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "wrap",
+        "name" : "findItemFromChild",
         "type" : "function",
-        "desc" : "This is no longer needed and is deprecated. Places a simple wrapper around an event handler to override the browser event\nobject with a Roo.EventObject",
-        "sig" : "(fn, scope, override)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Returns the template node the passed child belongs to or null if it doesn't belong to one.",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "This has been deprecated: ",
+        "deprecated" : "",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "An object that becomes the scope of the handler",
-            "isOptional" : false
-          },
-          {
-            "name" : "override",
-            "type" : "boolean",
-            "desc" : "If true, the obj passed in becomes\n                            the execution scope of the listener",
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Function",
-            "desc" : "The wrapped function"
+            "type" : "HTMLElement",
+            "desc" : "The template node"
           }
         ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.EventObject" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "getCharCode",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Gets the key code for the event.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getKey",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Returns a normalized keyCode for the event.",
+        "desc" : "Get the number of records in the current JSON dataset",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
           {
             "name" : "",
             "type" : "Number",
-            "desc" : "The key code"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getPageX",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets the x coordinate of the event.",
+        "desc" : "Returns the element this view is bound to.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
+            "type" : "Roo.Element",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getPageY",
+        "name" : "getNode",
         "type" : "function",
-        "desc" : "Gets the y coordinate of the event.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Gets a template node.",
+        "sig" : "(nodeInfo)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "nodeInfo",
+            "type" : "HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "HTMLElement",
+            "desc" : "The node or null if it wasn't found"
           }
         ]
       },
       {
-        "name" : "getRelatedTarget",
+        "name" : "getNodeData",
         "type" : "function",
-        "desc" : "Gets the related target.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the JSON object for the specified node(s)",
+        "sig" : "(node)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "HTMLElement/Array",
+            "desc" : "The node or an array of nodes",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : ""
+            "type" : "Object/Array",
+            "desc" : "If you pass in an array, you get an array back, otherwise\nyou get the JSON object for the node"
           }
         ]
       },
       {
-        "name" : "getTarget",
+        "name" : "getNodes",
         "type" : "function",
-        "desc" : "Gets the target for the event.",
-        "sig" : "(selector, maxDepth, returnEl)",
+        "desc" : "Gets a range template nodes.",
+        "sig" : "(startIndex, endIndex)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "(optional) A simple selector to filter the target or look for an ancestor of the target",
-            "isOptional" : false
-          },
-          {
-            "name" : "maxDepth",
-            "type" : "Number/String/HTMLElement/Element",
-            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "name" : "startIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "returnEl",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
+            "name" : "endIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLelement",
-            "desc" : ""
+            "type" : "Array",
+            "desc" : "An array of nodes"
           }
         ]
       },
       {
-        "name" : "getTime",
+        "name" : "getSelectedIndexes",
         "type" : "function",
-        "desc" : "Gets the time of the event.",
+        "desc" : "Get the indexes of the selected nodes.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
+            "type" : "Array",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getWheelDelta",
+        "name" : "getSelectedNodes",
         "type" : "function",
-        "desc" : "Normalizes mouse wheel delta across browsers",
+        "desc" : "Get the currently selected nodes.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The delta"
+            "type" : "Array",
+            "desc" : "An array of HTMLElements"
           }
         ]
       },
       {
-        "name" : "getXY",
+        "name" : "getSelectionCount",
         "type" : "function",
-        "desc" : "Gets the page coordinates of the event.",
+        "desc" : "Get the number of selected nodes.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The xy values like [x, y]"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "hasModifier",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns true if the control, meta, shift or alt key was pressed during this event.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : ""
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "preventDefault",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Prevents the browsers default handling of the event.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Finds the index of the passed node",
+        "sig" : "(nodeInfo)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "nodeInfo",
+            "type" : "HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The index of the node or -1"
+          }
+        ]
       },
       {
-        "name" : "stopEvent",
+        "name" : "isSelected",
         "type" : "function",
-        "desc" : "Stop the event (preventDefault and stopPropagation)",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns true if the passed node is selected",
+        "sig" : "(node)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.View",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "HTMLElement/Number",
+            "desc" : "The node or node index",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "stopPropagation",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Cancels bubbling of the event.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Performs an async HTTP request, and loads the JSON from the response. If <i>params</i> are specified it uses POST, otherwise it uses GET.",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The URL for this request, or a function to call to get the URL, or a config object containing any of the following options:\n     <pre><code>\n     view.load({\n         url: \"your-url.php\",\n         params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n         callback: yourFunction,\n         scope: yourObject, //(optional scope)\n         discardUrl: false,\n         nocache: false,\n         text: \"Loading...\",\n         timeout: 30,\n         scripts: false\n     });\n     </code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare respectively shorthand for <i>disableCaching</i>, <i>indicatorText</i>, and <i>loadScripts</i> and are used to set their associated property on this UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass, as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "within",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Returns true if the target of this event equals el or is a child of el",
-        "sig" : "(el, related)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "related",
-            "type" : "Boolean",
-            "desc" : "(optional) true to test if the related target is within el instead of the target",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Fx" : {
-    "props" : [
-      {
-        "name" : "afterCls",
-        "type" : "String",
-        "desc" : "A css class to apply after the effect",
-        "memberOf" : ""
-      },
-      {
-        "name" : "afterStyle",
-        "type" : "String/Object/Function",
-        "desc" : "A style specification string, e.g. \"width:100px\", or an object in the form {width:\"100px\"}, or\na function which returns such a specification that will be applied to the Element after the effect finishes",
-        "memberOf" : ""
+        ],
+        "returns" : []
       },
       {
-        "name" : "block",
-        "type" : "Boolean",
-        "desc" : "Whether the effect should block other effects from queueing while it runs",
-        "memberOf" : ""
-      },
-      {
-        "name" : "callback",
-        "type" : "Function",
-        "desc" : "A function called when the effect is finished",
-        "memberOf" : ""
-      },
-      {
-        "name" : "concurrent",
-        "type" : "Boolean",
-        "desc" : "Whether to allow subsequently-queued effects to run at the same time as the current effect, or to ensure that they run in sequence",
-        "memberOf" : ""
-      },
-      {
-        "name" : "duration",
-        "type" : "Number",
-        "desc" : "The length of time (in seconds) that the effect should last",
-        "memberOf" : ""
-      },
-      {
-        "name" : "easing",
-        "type" : "String",
-        "desc" : "A valid Easing value for the effect",
-        "memberOf" : ""
-      },
-      {
-        "name" : "remove",
-        "type" : "Boolean",
-        "desc" : "Whether the Element should be removed from the DOM and destroyed after the effect finishes",
-        "memberOf" : ""
-      },
-      {
-        "name" : "scope",
-        "type" : "Object",
-        "desc" : "The scope of the effect function",
-        "memberOf" : ""
-      },
-      {
-        "name" : "stopFx",
-        "type" : "Boolean",
-        "desc" : "Whether subsequent effects should be stopped and removed after the current effect finishes",
-        "memberOf" : ""
-      },
-      {
-        "name" : "useDisplay",
-        "type" : "Boolean",
-        "desc" : "Whether to use the <i>display</i> CSS property instead of <i>visibility</i> when hiding Elements (only applies to \neffects that end with the element being visually hidden, ignored otherwise)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "fadeIn",
+        "name" : "onBeforeLoad",
         "type" : "function",
-        "desc" : "Fade an element in (from transparent to opaque).  The ending opacity can be specified\nusing the \"endOpacity\" config option.\nUsage:\n<pre><code>\n// default: fade in from opacity 0 to 100%\nel.fadeIn();\n\n// custom: fade in from opacity 0 to 75% over 2 seconds\nel.fadeIn({ endOpacity: .75, duration: 2});\n\n// common config options shown with default values\nel.fadeIn({\n    endOpacity: 1, //can be any value between 0 and 1 (e.g. .5)\n    easing: 'easeOut',\n    duration: .5\n});\n</code></pre>",
-        "sig" : "(options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "onbeforeLoad - masks the loading area.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "fadeOut",
+        "name" : "prepareData",
         "type" : "function",
-        "desc" : "Fade an element out (from opaque to transparent).  The ending opacity can be specified\nusing the \"endOpacity\" config option.\nUsage:\n<pre><code>\n// default: fade out from the element's current opacity to 0\nel.fadeOut();\n\n// custom: fade out from the element's current opacity to 25% over 2 seconds\nel.fadeOut({ endOpacity: .25, duration: 2});\n\n// common config options shown with default values\nel.fadeOut({\n    endOpacity: 0, //can be any value between 0 and 1 (e.g. .5)\n    easing: 'easeOut',\n    duration: .5\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
-        "sig" : "(options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Function to override to reformat the data that is sent to\nthe template for each node.\nDEPRICATED - use the preparedata event handler.",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
+            "name" : "data",
+            "type" : "Array/Object",
+            "desc" : "The raw data (array of colData for a data model bound view or\na JSON object for an UpdateManager bound view).",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "frame",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Shows a ripple of exploding, attenuating borders to draw attention to an Element.\nUsage:\n<pre><code>\n// default: a single light blue ripple\nel.frame();\n\n// custom: 3 red ripples lasting 3 seconds total\nel.frame(\"ff0000\", 3, { duration: 3 });\n\n// common config options shown with default values\nel.frame(\"C3DAF9\", 1, {\n    duration: 1 //duration of entire animation (not each individual ripple)\n    // Note: Easing is not configurable and will be ignored if included\n});\n</code></pre>",
-        "sig" : "(color, count, options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "color",
-            "type" : "String",
-            "desc" : "(optional) The color of the border.  Should be a 6 char hex color without the leading # (defaults to light blue: 'C3DAF9').",
-            "isOptional" : false
-          },
-          {
-            "name" : "count",
-            "type" : "Number",
-            "desc" : "(optional) The number of ripples to display (defaults to 1)",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "ghost",
+        "name" : "refresh",
         "type" : "function",
-        "desc" : "Slides the element while fading it out of view.  An anchor point can be optionally passed to set the \nending point of the effect.\nUsage:\n<pre><code>\n// default: slide the element downward while fading out\nel.ghost();\n\n// custom: slide the element out to the right with a 2-second duration\nel.ghost('r', { duration: 2 });\n\n// common config options shown with default values\nel.ghost('b', {\n    easing: 'easeOut',\n    duration: .5\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
-        "sig" : "(anchor, options)",
-        "static" : true,
+        "desc" : "Refreshes the view.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "anchor",
-            "type" : "String",
-            "desc" : "(optional) One of the valid Fx anchor positions (defaults to bottom: 'b')",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "hasActiveFx",
+        "name" : "refreshNode",
         "type" : "function",
-        "desc" : "Returns true if the element has any effects actively running or queued, else returns false.",
-        "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Refresh an individual node.",
+        "sig" : "(index)",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if element has active effects, else false"
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasFxBlock",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Returns true if the element is currently blocking so that no other effect can be queued\nuntil this effect is finished, else returns false if blocking is not set.  This is commonly\nused to ensure that an effect initiated by a user action runs to completion prior to the\nsame effect being restarted (e.g., firing only one effect even if the user clicks several times).",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
         "static" : true,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if blocking, else false"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "highlight",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Highlights the Element by setting a color (applies to the background-color by default, but can be\nchanged using the \"attr\" config option) and then fading back to the original color. If no original\ncolor is available, you should provide the \"endColor\" config option which will be cleared after the animation.\nUsage:\n<pre><code>\n// default: highlight background to yellow\nel.highlight();\n\n// custom: highlight foreground text to blue for 2 seconds\nel.highlight(\"0000ff\", { attr: 'color', duration: 2 });\n\n// common config options shown with default values\nel.highlight(\"ffff9c\", {\n    attr: \"background-color\", //can be any valid CSS property (attribute) that supports a color value\n    endColor: (current color) or \"ffffff\",\n    easing: 'easeIn',\n    duration: 1\n});\n</code></pre>",
-        "sig" : "(color, options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "color",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "(optional) The highlight color. Should be a 6 char hex color without the leading # (defaults to yellow: 'ffff9c')",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "options",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "pause",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Creates a pause before any subsequent queued effects begin.  If there are\nno effects queued after the pause it will have no effect.\nUsage:\n<pre><code>\nel.pause(1);\n</code></pre>",
-        "sig" : "(seconds)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Selects nodes.",
+        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "seconds",
-            "type" : "Number",
-            "desc" : "The length of time to pause (in seconds)",
+            "name" : "nodeInfo",
+            "type" : "Array/HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) true to keep existing selections",
+            "isOptional" : false
+          },
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "(optional) true to skip firing of the selectionchange vent",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "puff",
+        "name" : "setStore",
         "type" : "function",
-        "desc" : "Fades the element out while slowly expanding it in all directions.  When the effect is completed, the \nelement will be hidden (visibility = 'hidden') but block elements will still take up space in the document. \nThe element must be removed from the DOM using the 'remove' config option if desired.\nUsage:\n<pre><code>\n// default\nel.puff();\n\n// common config options shown with default values\nel.puff({\n    easing: 'easeOut',\n    duration: .5,\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
-        "sig" : "(options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Changes the data store this view uses and refresh the view.",
+        "sig" : "(store)",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
+            "name" : "store",
+            "type" : "Store",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "scale",
+        "name" : "sort",
         "type" : "function",
-        "desc" : "Animates the transition of an element's dimensions from a starting height/width\nto an ending height/width.\nUsage:\n<pre><code>\n// change height and width to 100x100 pixels\nel.scale(100, 100);\n\n// common config options shown with default values.  The height and width will default to\n// the element's existing values if passed as null.\nel.scale(\n    [element's width],\n    [element's height], {\n    easing: 'easeOut',\n    duration: .35\n});\n</code></pre>",
-        "sig" : "(width, height, options)",
-        "static" : true,
+        "desc" : "Sorts the data for this view and refreshes it.",
+        "sig" : "(property, direction, sortType)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width (pass undefined to keep the original width)",
+            "name" : "property",
+            "type" : "String",
+            "desc" : "A property on your JSON objects to sort on",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height (pass undefined to keep the original height)",
+            "name" : "direction",
+            "type" : "String",
+            "desc" : "(optional) \"desc\" or \"asc\" (defaults to \"asc\")",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
+            "name" : "sortType",
+            "type" : "Function",
+            "desc" : "(optional) A function to call to convert the data to a sortable value.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "sequenceFx",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Ensures that all effects queued after sequenceFx is called on the element are\nrun in sequence.  This is the opposite of {@link #syncFx}.",
-        "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "shift",
+        "name" : "unselect",
         "type" : "function",
-        "desc" : "Animates the transition of any combination of an element's dimensions, xy position and/or opacity.\nAny of these properties not specified in the config object will not be changed.  This effect \nrequires that at least one new dimension, position or opacity setting must be passed in on\nthe config object in order for the function to have any effect.\nUsage:\n<pre><code>\n// slide the element horizontally to x position 200 while changing the height and opacity\nel.shift({ x: 200, height: 50, opacity: .8 });\n\n// common config options shown with default values.\nel.shift({\n    width: [element's width],\n    height: [element's height],\n    x: [element's x position],\n    y: [element's y position],\n    opacity: [element's opacity],\n    easing: 'easeOut',\n    duration: .35\n});\n</code></pre>",
-        "sig" : "(options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Unselects nodes.",
+        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
+        "static" : false,
+        "memberOf" : "Roo.View",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "Object literal with any of the Fx config options",
+            "name" : "nodeInfo",
+            "type" : "Array/HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) true IGNORED (for campatibility with select)",
+            "isOptional" : false
+          },
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "(optional) true to skip firing of the selectionchange vent",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.KeyMap" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "slideIn",
+        "name" : "addBinding",
         "type" : "function",
-        "desc" : "Slides the element into view.  An anchor point can be optionally passed to set the point of\norigin for the slide effect.  This function automatically handles wrapping the element with\na fixed-size container if needed.  See the Fx class overview for valid anchor point options.\nUsage:\n<pre><code>\n// default: slide the element in from the top\nel.slideIn();\n\n// custom: slide the element in from the right with a 2-second duration\nel.slideIn('r', { duration: 2 });\n\n// common config options shown with default values\nel.slideIn('t', {\n    easing: 'easeOut',\n    duration: .5\n});\n</code></pre>",
-        "sig" : "(anchor, options)",
-        "static" : true,
+        "desc" : "Add a new binding to this KeyMap. The following config object properties are supported:\n<pre>\nProperty    Type             Description\n----------  ---------------  ----------------------------------------------------------------------\nkey         String/Array     A single keycode or an array of keycodes to handle\nshift       Boolean          True to handle key only when shift is pressed (defaults to false)\nctrl        Boolean          True to handle key only when ctrl is pressed (defaults to false)\nalt         Boolean          True to handle key only when alt is pressed (defaults to false)\nfn          Function         The function to call when KeyMap finds the expected key combination\nscope       Object           The scope of the callback function\n</pre>\n\nUsage:\n<pre><code>\n// Create a KeyMap\nvar map = new Roo.KeyMap(document, {\n    key: Roo.EventObject.ENTER,\n    fn: handleKey,\n    scope: this\n});\n\n//Add a new binding to the existing KeyMap later\nmap.addBinding({\n    key: 'abc',\n    shift: true,\n    fn: handleKey,\n    scope: this\n});\n</code></pre>",
+        "sig" : "(config)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "anchor",
-            "type" : "String",
-            "desc" : "(optional) One of the valid Fx anchor positions (defaults to top: 't')",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
+            "name" : "config",
+            "type" : "Object/Array",
+            "desc" : "A single KeyMap config or an array of configs",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "slideOut",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Slides the element out of view.  An anchor point can be optionally passed to set the end point\nfor the slide effect.  When the effect is completed, the element will be hidden (visibility = \n'hidden') but block elements will still take up space in the document.  The element must be removed\nfrom the DOM using the 'remove' config option if desired.  This function automatically handles \nwrapping the element with a fixed-size container if needed.  See the Fx class overview for valid anchor point options.\nUsage:\n<pre><code>\n// default: slide the element out to the top\nel.slideOut();\n\n// custom: slide the element out to the right with a 2-second duration\nel.slideOut('r', { duration: 2 });\n\n// common config options shown with default values\nel.slideOut('t', {\n    easing: 'easeOut',\n    duration: .5,\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
-        "sig" : "(anchor, options)",
-        "static" : true,
+        "desc" : "Disable this KeyMap",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "anchor",
-            "type" : "String",
-            "desc" : "(optional) One of the valid Fx anchor positions (defaults to top: 't')",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "stopFx",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Stops any running effects and clears the element's internal effects queue if it contains\nany additional effects that haven't started yet.",
+        "desc" : "Enables this KeyMap",
         "sig" : "()\n{\n\n}",
-        "static" : true,
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "switchOff",
+        "name" : "isEnabled",
         "type" : "function",
-        "desc" : "Blinks the element as if it was clicked and then collapses on its center (similar to switching off a television).\nWhen the effect is completed, the element will be hidden (visibility = 'hidden') but block elements will still \ntake up space in the document. The element must be removed from the DOM using the 'remove' config option if desired.\nUsage:\n<pre><code>\n// default\nel.switchOff();\n\n// all config options shown with default values\nel.switchOff({\n    easing: 'easeIn',\n    duration: .3,\n    remove: false,\n    useDisplay: false\n});\n</code></pre>",
-        "sig" : "(options)",
-        "static" : true,
+        "desc" : "Returns true if this KeyMap is enabled",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) Object literal with any of the Fx config options",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
+            "type" : "Boolean",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "syncFx",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Ensures that all effects queued after syncFx is called on the element are\nrun concurrently.  This is the opposite of {@link #sequenceFx}.",
-        "sig" : "()\n{\n\n}",
-        "static" : true,
+        "desc" : "Shorthand for adding a single key listener",
+        "sig" : "(key, fn, scope)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The Element"
+            "name" : "key",
+            "type" : "Number/Array/Object",
+            "desc" : "Either the numeric key code, array of key codes or an object with the\nfollowing options:\n{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.GridPanel" : {
+  "Roo.KeyNav" : {
     "props" : [
       {
-        "name" : "adjustments",
-        "type" : "Array",
-        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean|Object",
-        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "defaultEventAction",
+        "type" : "String",
+        "desc" : "The method to call on the {@link Roo.EventObject} after this KeyNav intercepts a key.  Valid values are\n{@link Roo.EventObject#stopEvent}, {@link Roo.EventObject#preventDefault} and\n{@link Roo.EventObject#stopPropagation} (defaults to 'stopEvent')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoScroll",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "True to disable this KeyNav instance (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "background",
+        "name" : "forceKeyDown",
         "type" : "Boolean",
-        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
-      },
+        "desc" : "Handle the keydown event instead of keypress (defaults to false).  KeyNav automatically does this for IE since\nIE does not propagate special keys on keypress, but setting this to true will force other browsers to also\nhandle keydown instead of keypress.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "True if the panel can be closed/removed",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this KeyNav",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "content",
-        "type" : "String",
-        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
-        "memberOf" : "Roo.ContentPanel"
-      },
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this KeyNav",
+        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Layer" : {
+    "props" : [
       {
-        "name" : "fitContainer",
-        "type" : "Boolean",
-        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "CSS class to add to the element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fitToFrame",
+        "name" : "constrain",
         "type" : "Boolean",
-        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "False to disable constrain to viewport (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listeners",
+        "name" : "dh",
         "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadOnce",
-        "type" : "Boolean",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "popup menu",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "params",
-        "type" : "String|Object",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "region",
-        "type" : "String",
-        "desc" : "[required]   (center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "resizeEl",
-        "type" : "String|HTMLElement|Element",
-        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "DomHelper object config to create element with (defaults to {tag: \"div\", cls: \"x-layer\"}).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "Extra style to add to the content panel",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "shadow",
+        "type" : "String/Boolean",
+        "desc" : "True to create a shadow element with default class \"x-layer-shadow\", or\nyou can pass a string with a CSS class name. False turns off the shadow.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for this panel",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "shadowOffset",
+        "type" : "Number",
+        "desc" : "Number of pixels to offset the shadow (defaults to 3)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "A toolbar for this panel",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "shim",
+        "type" : "Boolean",
+        "desc" : "False to disable the iframe shim in browsers which need one (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "Calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "zindex",
+        "type" : "Number",
+        "desc" : "Starting z-index (defaults to 11000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
-    "events" : [
+    "events" : [],
+    "methods" : [
       {
-        "name" : "activate",
+        "name" : "addClass",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
+        "desc" : "Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.",
+        "sig" : "(className)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
+            "name" : "className",
+            "type" : "String/Array",
+            "desc" : "The CSS class to add, or an array of classes",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "deactivate",
-        "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "addClassOnClick",
         "type" : "function",
-        "desc" : "Fires when this tab is created",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
+        "desc" : "Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)",
+        "sig" : "(className)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "name" : "className",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "resize",
+        "name" : "addClassOnFocus",
         "type" : "function",
-        "desc" : "Fires when this panel is resized if fitToFrame is true.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
+        "desc" : "Sets up event handlers to add and remove a css class when this element has the focus",
+        "sig" : "(className)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "name" : "className",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The width after any component adjustments",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The height after any component adjustments",
-            "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "addClassOnOver",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Sets up event handlers to add and remove a css class when the mouse is over this element",
+        "sig" : "(className, preventFlicker)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "className",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "preventFlicker",
+            "type" : "Boolean",
+            "desc" : "(optional) If set to true, it prevents flickering by filtering\nmouseout events for children elements",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "addKeyListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Convenience method for constructing a KeyMap",
+        "sig" : "(key, fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "key",
+            "type" : "Number/Array/Object/String",
+            "desc" : "Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:\n                                 {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope of the function",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.KeyMap",
+            "desc" : "The KeyMap created"
+          }
+        ]
       },
       {
-        "name" : "addxtype",
+        "name" : "addKeyMap",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Creates a KeyMap for this element",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cfg",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "desc" : "The KeyMap config. See {@link Roo.KeyMap} for more details",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.KeyMap",
+            "desc" : "The KeyMap created"
+          }
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Appends an event handler",
+        "sig" : "(eventName, fn, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to append",
             "isOptional" : false
           },
           {
             "name" : "fn",
             "type" : "Function",
-            "desc" : "The function to call",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "desc" : "(optional) The scope (this object) of the fn",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this panel",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "fireEvent",
+        "name" : "alignTo",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Aligns this element with another element relative to the specified anchor points. If the other element is the\ndocument it aligns it to the viewport.\nThe position parameter is optional, and can be specified in any one of the following formats:\n<ul>\n  <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner (\"tl-bl\").</li>\n  <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.\n      The element being aligned will position its top-left corner (tl) to that point.  <i>This method has been\n      deprecated in favor of the newer two anchor syntax below</i>.</li>\n  <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the\n      element's anchor point, and the second value is used as the target's anchor point.</li>\n</ul>\nIn addition to the anchor points, the position parameter also supports the \"?\" character.  If \"?\" is passed at the end of\nthe position string, the element will attempt to align as specified, but the position will be adjusted to constrain to\nthe viewport if necessary.  Note that the element being aligned might be swapped to align to a different position than\nthat specified in order to enforce the viewport constraints.\nFollowing are all of the supported anchor positions:\n    <pre>\n    Value  Description\n    -----  -----------------------------\n    tl     The top left corner (default)\n    t      The center of the top edge\n    tr     The top right corner\n    l      The center of the left edge\n    c      In the center of the element\n    r      The center of the right edge\n    bl     The bottom left corner\n    b      The center of the bottom edge\n    br     The bottom right corner\n    </pre>\n    Example Usage:\n    <pre><code>\n    // align el to other-el using the default positioning (\"tl-bl\", non-constrained)\n    el.alignTo(\"other-el\");\n\n    // align the top left corner of el with the top right corner of other-el (constrained to viewport)\n    el.alignTo(\"other-el\", \"tr?\");\n\n    // align the bottom right corner of el with the center left edge of other-el\n    el.alignTo(\"other-el\", \"br-l?\");\n\n    // align the center of el with the bottom left corner of other-el and\n    // adjust the x position by -6 pixels (and the y position by 0)\n    el.alignTo(\"other-el\", \"c-bl\", [-6, 0]);\n    </code></pre>",
+        "sig" : "(element, position, offsets, animate)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "position",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The position to align to.",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "anchorTo",
         "type" : "function",
-        "desc" : "Returns this panel's element - used by regiosn to add.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Anchors an element to another element and realigns it when the window is resized.",
+        "sig" : "(element, position, offsets, animate, monitorScroll, callback)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getGrid",
-        "type" : "function",
-        "desc" : "Returns the grid for this panel",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "position",
+            "type" : "String",
+            "desc" : "The position to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation or a standard Element animation config object",
+            "isOptional" : false
+          },
+          {
+            "name" : "monitorScroll",
+            "type" : "Boolean/Number",
+            "desc" : "(optional) True to monitor body scroll and reposition. If this parameter\nis a number, it is used as the buffer delay (defaults to 50ms).",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "The function to call after the animation finishes",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.grid.Grid",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "animate",
         "type" : "function",
-        "desc" : "Returns this panel's id",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Perform animation on this element.",
+        "sig" : "(args, duration, onComplete, easing, animType)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "args",
+            "type" : "Object",
+            "desc" : "The YUI animation control args",
+            "isOptional" : false
+          },
+          {
+            "name" : "duration",
+            "type" : "Float",
+            "desc" : "(optional) How long the animation lasts in seconds (defaults to .35)",
+            "isOptional" : false
+          },
+          {
+            "name" : "onComplete",
+            "type" : "Function",
+            "desc" : "(optional) Function to call when animation completes",
+            "isOptional" : false
+          },
+          {
+            "name" : "easing",
             "type" : "String",
-            "desc" : ""
+            "desc" : "(optional) Easing method to use (defaults to 'easeOut')",
+            "isOptional" : false
+          },
+          {
+            "name" : "animType",
+            "type" : "String",
+            "desc" : "(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "getTitle",
-        "type" : "function",
-        "desc" : "Returns this panel's title",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getToolbar",
+        "name" : "appendChild",
         "type" : "function",
-        "desc" : "Returns the toolbar for this Panel if one was configured.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends the passed element(s) to this element",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Array/Element/CompositeElement",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "appendTo",
         "type" : "function",
-        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends this element to the passed element",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The new parent element",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "applyStyles",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "More flexible version of {@link #setStyle} for setting style properties.",
+        "sig" : "(styles)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "styles",
+            "type" : "String/Object/Function",
+            "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "isClosable",
+        "name" : "attr",
         "type" : "function",
-        "desc" : "Returns true is this panel was configured to be closable",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets or Returns the value the dom attribute value",
+        "sig" : "(name, value)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "name",
+            "type" : "String|Object",
+            "desc" : "The attribute name (or object to set multiple attributes)",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) The value to set the attribute to",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "String",
+            "desc" : "The attribute value"
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "autoHeight",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Measures the element's content height and updates height to match. Note: this function uses setTimeout so\nthe new height may not be available immediately.",
+        "sig" : "(animate, duration, onComplete, easing)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "name" : "animate",
+            "type" : "Boolean",
+            "desc" : "(optional) Animate the transition (defaults to false)",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "name" : "duration",
+            "type" : "Float",
+            "desc" : "(optional) Length of the animation in seconds (defaults to .35)",
             "isOptional" : false
           },
           {
-            "name" : "callback",
+            "name" : "onComplete",
             "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "desc" : "(optional) Function to call when animation completes",
             "isOptional" : false
           },
           {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "name" : "easing",
+            "type" : "String",
+            "desc" : "(optional) Easing method to use (defaults to easeOut)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "on",
+        "name" : "beginMeasure",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Tries to blur the element. Any exceptions are caught and ignored.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "refresh",
+        "name" : "boxWrap",
         "type" : "function",
-        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a\ngradient background, rounded corners and a 4-way shadow.",
+        "sig" : "(class)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "class",
+            "type" : "String",
+            "desc" : "(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').\nNote that there are a number of CSS rules that are dependent on this name to make the overall effect work,\nso if you supply an alternate base class, make sure you also supply all of the necessary rules.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "center",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Centers the Element in either the viewport, or another Element.",
+        "sig" : "(centerIn)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "centerIn",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "(optional) The element in which to center the element.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "child",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector, returnDom)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "selector",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The CSS selector",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
+          }
+        ]
       },
       {
-        "name" : "setContent",
+        "name" : "clean",
         "type" : "function",
-        "desc" : "Updates this panel's element",
-        "sig" : "(content, loadScripts)",
+        "desc" : "Removes worthless text nodes",
+        "sig" : "(forceReclean)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The new content",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadScripts",
+            "name" : "forceReclean",
             "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "desc" : "(optional) By default the element\nkeeps track if it has been cleaned already so\nyou can call this over and over. However, if you update the element and\nneed to force a reclean, you can pass true.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "clearOpacity",
         "type" : "function",
-        "desc" : "Set this panel's title",
-        "sig" : "(title)",
+        "desc" : "Clears any opacity settings from this element. Required in some cases for IE.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setUrl",
+        "name" : "clearPositioning",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
-        "sig" : "(url, params, loadOnce)",
+        "desc" : "Clear positioning back to the default when the document was loaded",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from or a function to call to get the URL",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadOnce",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "clip",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Store the current overflow setting and clip overflow on the element - use {@link #unclip} to remove",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.HtmlEditorCore" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowComments",
-        "type" : "boolean",
-        "desc" : "- default false - allow comments in HTML source - by default they are stripped - if you are editing email you may need this.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "(in pixels)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "resizable",
-        "type" : "String",
-        "desc" : "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "stylesheets",
-        "type" : "Array",
-        "desc" : "url of stylesheets. set to [] to disable stylesheets.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "the",
-        "type" : "Roo.form.HtmlEditor|Roo.bootstrap.HtmlEditor",
-        "desc" : "owner field",
-        "memberOf" : ""
+        ]
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "(in pixels)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
+        "name" : "contains",
         "type" : "function",
-        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Returns true if this element is an ancestor of the passed element",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
+            "name" : "el",
+            "type" : "HTMLElement/String",
+            "desc" : "The element to check",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if this element is an ancestor of el, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforehide",
+        "name" : "createChild",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.",
+        "sig" : "(config, insertBefore, returnDom)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "DomHelper element config object.  If no tag is specified (e.g., {tag:'input'}) then a div will be\nautomatically generated with the specified attributes.",
+            "isOptional" : false
+          },
+          {
+            "name" : "insertBefore",
+            "type" : "HTMLElement",
+            "desc" : "(optional) a child element of this element",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return the dom node instead of creating an Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The new child element"
+          }
+        ]
       },
       {
-        "name" : "beforepush",
+        "name" : "createProxy",
         "type" : "function",
-        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Creates a proxy element of this element",
+        "sig" : "(config, renderTo, matchBox)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
+            "name" : "config",
+            "type" : "String/Object",
+            "desc" : "The class name of the proxy element or a DomHelper config object",
             "isOptional" : false
           },
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
+            "name" : "renderTo",
+            "type" : "String/HTMLElement",
+            "desc" : "(optional) The element or element id to render the proxy to (defaults to document.body)",
+            "isOptional" : false
+          },
+          {
+            "name" : "matchBox",
+            "type" : "Boolean",
+            "desc" : "(optional) True to align and size the proxy to this element now (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The new proxy element"
+          }
+        ]
       },
       {
-        "name" : "beforerender",
+        "name" : "createShim",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Creates an iframe shim for this element to keep selects and other windowed objects from\nshowing through.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The new shim element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforeshow",
+        "name" : "down",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector, returnDom)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The CSS selector",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
+          }
+        ]
       },
       {
-        "name" : "beforesync",
+        "name" : "enableDisplayMode",
         "type" : "function",
-        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Convenience method for setVisibilityMode(Element.DISPLAY)",
+        "sig" : "(display)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
+            "name" : "display",
             "type" : "String",
-            "desc" : "",
+            "desc" : "(optional) What to set display to when visible",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "blur",
+        "name" : "endMeasure",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Restores displays to before beginMeasure was called",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "change",
+        "name" : "findParent",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(selector, maxDepth, returnEl)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [],
-        "returns" : []
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
+            "isOptional" : false
+          },
+          {
+            "name" : "maxDepth",
+            "type" : "Number/String/HTMLElement/Element",
+            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnEl",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "The matching DOM node (or null if no match was found)"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "findParentNode",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(selector, maxDepth, returnEl)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
+            "isOptional" : false
+          },
+          {
+            "name" : "maxDepth",
+            "type" : "Number/String/HTMLElement/Element",
+            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnEl",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "The matching DOM node (or null if no match was found)"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "findScrollableParent",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Looks at  the scrollable parent element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "editorevent",
+        "name" : "fitToParent",
         "type" : "function",
-        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Sizes this element to its parent element's dimensions performing\nneccessary box adjustments.",
+        "sig" : "(monitorResize, targetParent)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
+            "name" : "monitorResize",
+            "type" : "Boolean",
+            "desc" : "(optional) If true maintains the fit when the browser window is resized.",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetParent",
+            "type" : "String/HTMLElment/Element",
+            "desc" : "(optional) The target parent, default to the parentNode.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "fly",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -\nthe dom node can be overwritten by other code.",
+        "sig" : "(el, named)",
+        "static" : true,
+        "memberOf" : "Roo.Element",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "The dom node or id",
+            "isOptional" : false
+          },
+          {
+            "name" : "named",
+            "type" : "String",
+            "desc" : "(optional) Allows for creation of named reusable flyweights to\n                                 prevent conflicts (e.g. internally Roo uses \"_internal\")",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The shared Element object"
+          }
+        ]
       },
       {
         "name" : "focus",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Tries to focus the element. Any exceptions are caught and ignored.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "initialize",
+        "name" : "get",
         "type" : "function",
-        "desc" : "Fires when the editor is fully initialized (including the iframe)",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Static method to retrieve Element objects. Uses simple caching to consistently return the same object.\nAutomatically fixes if an object was recreated with the same id via AJAX or DOM.",
+        "sig" : "(el)",
+        "static" : true,
+        "memberOf" : "Roo.Element",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM Node or an existing Element.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The Element object"
+          }
+        ]
       },
       {
-        "name" : "push",
+        "name" : "getAlignToXY",
         "type" : "function",
-        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Gets the x,y coordinates to align this element with another element. See {@link #alignTo} for more info on the\nsupported position values.",
+        "sig" : "(element, position, offsets)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
             "isOptional" : false
           },
           {
-            "name" : "html",
+            "name" : "position",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The position to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "[x, y]"
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "getAnchorXY",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Gets the x,y coordinates specified by the anchor position on the element.",
+        "sig" : "(anchor, size, local)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "anchor",
+            "type" : "String",
+            "desc" : "(optional) The specified anchor position (defaults to \"c\").  See {@link #alignTo} for details on supported anchor positions.",
+            "isOptional" : false
+          },
+          {
+            "name" : "size",
+            "type" : "Object",
+            "desc" : "(optional) An object containing the size to use for calculating anchor position\n                      {width: (target width), height: (target height)} (defaults to the element's current size)",
+            "isOptional" : false
+          },
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "[x, y] An array containing the element's x and y coordinates"
+          }
+        ]
       },
       {
-        "name" : "show",
+        "name" : "getAttributeNS",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns the value of a namespaced attribute from the element's underlying DOM node.",
+        "sig" : "(namespace, name)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "namespace",
+            "type" : "String",
+            "desc" : "The namespace in which to look for the attribute",
+            "isOptional" : false
+          },
+          {
+            "name" : "name",
+            "type" : "String",
+            "desc" : "The attribute name",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The attribute value"
+          }
+        ]
       },
       {
-        "name" : "sync",
+        "name" : "getBorderWidth",
         "type" : "function",
-        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Gets the width of the border(s) for the specified side(s)",
+        "sig" : "(side)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
+            "name" : "side",
             "type" : "String",
-            "desc" : "",
+            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the border (l)eft width + the border (r)ight width.",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The width of the sides passed added together"
+          }
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "getBottom",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Gets the bottom Y coordinate of the element (element Y position + element height)",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "True to get the local css position instead of page coordinate",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Return a box {x, y, width, height} that can be used to set another elements\nsize/location to match this element.",
+        "sig" : "(contentBox, local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "contentBox",
+            "type" : "Boolean",
+            "desc" : "(optional) If true a box for the content of the element is returned.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page x/y.",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "options",
+            "name" : "",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
-            "isOptional" : false
+            "desc" : "box An object in the format {x, y, width, height}"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "getCenterXY",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Calculates the x, y to center this element on the screen",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The x, y values [x, y]"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "cleanHtml",
+        "name" : "getColor",
         "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. If you need/want\ncustom HTML cleanup, this is the method you should override.",
-        "sig" : "(html)",
+        "desc" : "Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values\nare convert to standard 6 digit hex color.",
+        "sig" : "(attr, defaultValue, prefix)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
+            "name" : "attr",
             "type" : "String",
-            "desc" : "The HTML to be cleaned\nreturn {String} The cleaned HTML",
+            "desc" : "The css attribute",
+            "isOptional" : false
+          },
+          {
+            "name" : "defaultValue",
+            "type" : "String",
+            "desc" : "The default value to use when a valid color isn't found",
+            "isOptional" : false
+          },
+          {
+            "name" : "prefix",
+            "type" : "String",
+            "desc" : "(optional) defaults to #. Use an empty string when working with\nYUI color anims.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "cleanTableWidths",
+        "name" : "getComputedHeight",
         "type" : "function",
-        "desc" : "cleanTableWidths.\n\nQuite often pasting from word etc.. results in tables with column and widths.\nThis does not work well on fluid HTML layouts - like emails. - so this code should hunt an destroy them..",
+        "desc" : "Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders\nwhen needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements\nif a height has not been set using CSS.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "cleanWord",
+        "name" : "getComputedWidth",
         "type" : "function",
-        "desc" : "Clean up MS wordisms...",
+        "desc" : "Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders\nwhen needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements\nif a width has not been set using CSS.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "getFrameWidth",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the sum width of the padding and borders for the passed \"sides\". See getBorderWidth()\n         for more information about the sides.",
+        "sig" : "(sides)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "sides",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "getHeight",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the offset height of the element",
+        "sig" : "(contentHeight)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "contentHeight",
+            "type" : "Boolean",
+            "desc" : "(optional) true to get the height minus borders and padding",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Number",
+            "desc" : "The element's height"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "getLeft",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Gets the left X coordinate",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "True to get the local css position instead of page coordinate",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "execCmd",
+        "name" : "getMargins",
         "type" : "function",
-        "desc" : "Executes a Midas editor command directly on the editor document.\nFor visual commands, you should use {@link #relayCmd} instead.\n<b>This should only be called after the editor is initialized.</b>",
-        "sig" : "(cmd, value)",
+        "desc" : "Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,\nthen it returns the calculated width of the sides (see getPadding)",
+        "sig" : "(sides)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cmd",
+            "name" : "sides",
             "type" : "String",
-            "desc" : "The Midas command",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String/Boolean",
-            "desc" : "(optional) The value to pass to the command (defaults to null)",
+            "desc" : "(optional) Any combination of l, r, t, b to get the sum of those sides",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object/Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getNextSibling",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Gets the next sibling, skipping text nodes",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "HTMLElement",
+            "desc" : "The next sibling or null"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getPadding",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Gets the width of the padding(s) for the specified side(s)",
+        "sig" : "(side)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "side",
+            "type" : "String",
+            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the padding (l)eft + the padding (r)ight.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Number",
+            "desc" : "The padding of the sides passed added together"
           }
         ]
       },
       {
-        "name" : "getDocMarkup",
+        "name" : "getPositioning",
         "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor initializes the iframe with HTML contents. Override this method if you\nwant to change the initialization markup of the iframe (e.g. to add stylesheets).",
+        "desc" : "Gets an object with all CSS positioning properties. Useful along with setPostioning to get\nsnapshot before performing an update and then restoring the element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "getPrevSibling",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Gets the previous sibling, skipping text nodes",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "HTMLElement",
+            "desc" : "The previous sibling or null"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getRegion",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the region of the given element.\nThe element must be part of the DOM tree to have a region (display:none or elements not appended return false).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Region",
+            "desc" : "A Roo.lib.Region containing \"top, left, bottom, right\" member data."
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getRight",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Gets the right X coordinate of the element (element X position + element width)",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "True to get the local css position instead of page coordinate",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getScroll",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns the current scroll position of the element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Object",
+            "desc" : "An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}"
           }
         ]
       },
       {
-        "name" : "insertAtCursor",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "Inserts the passed text at the current cursor position. Note: the editor must be initialized and activated\nto insert tRoo.",
-        "sig" : "(text)",
+        "desc" : "Returns the size of the element.",
+        "sig" : "(contentSize)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "| dom node..",
+            "name" : "contentSize",
+            "type" : "Boolean",
+            "desc" : "(optional) true to get the width/size minus borders and padding",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+          }
+        ]
       },
       {
-        "name" : "isVisible",
+        "name" : "getStyle",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.",
+        "sig" : "(property)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "property",
+            "type" : "String",
+            "desc" : "The style property whose value is returned.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The current value of the style property for this element."
+          }
+        ]
       },
       {
-        "name" : "iterateChildren",
+        "name" : "getStyles",
         "type" : "function",
-        "desc" : "iterateChildren of a Node, calling fn each time, using this as the scole..",
-        "sig" : "(node, fn)",
+        "desc" : "Returns an object with properties matching the styles requested.\nFor example, el.getStyles('color', 'font-size', 'width') might return\n{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.",
+        "sig" : "(style1, style2)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "DomNode",
-            "desc" : "node to iterate children of.",
+            "name" : "style1",
+            "type" : "String",
+            "desc" : "A style name",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "method of this class to call on each item.",
+            "name" : "style2",
+            "type" : "String",
+            "desc" : "A style name",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The style object"
+          }
+        ]
       },
       {
-        "name" : "on",
+        "name" : "getTop",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Gets the top Y coordinate",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "True to get the local css position instead of page coordinate",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getUpdateManager",
+        "type" : "function",
+        "desc" : "Gets this element's UpdateManager",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "",
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the value of the \"value\" attribute",
+        "sig" : "(asNumber)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "asNumber",
+            "type" : "Boolean",
+            "desc" : "true to parse the value as a number",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "options",
+            "name" : "",
+            "type" : "String/Number",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getViewSize",
+        "type" : "function",
+        "desc" : "Returns the width and height of the viewport.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
             "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "An object containing the viewport's size {width: (viewport width), height: (viewport height)}"
+          }
+        ]
+      },
+      {
+        "name" : "getWidth",
+        "type" : "function",
+        "desc" : "Returns the offset width of the element",
+        "sig" : "(contentWidth)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "contentWidth",
+            "type" : "Boolean",
+            "desc" : "(optional) true to get the width minus borders and padding",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The element's width"
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getX",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Gets the current X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The X position of the element"
+          }
+        ]
       },
       {
-        "name" : "pushValue",
+        "name" : "getXY",
         "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. Pushes the value of the textarea\ninto the iframe editor.",
+        "desc" : "Gets the current position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element"
+          }
+        ]
       },
       {
-        "name" : "rangeIntersectsNode",
+        "name" : "getY",
         "type" : "function",
-        "desc" : "Range intersection.. the hard stuff...\n '-1' = before\n '0' = hits..\n '1' = after.\n        [ -- selected range --- ]\n  [fail]                        [fail]\n\n   basically..\n     if end is before start or  hits it. fail.\n     if start is after end or hits it fail.\n\n  if either hits (but other is outside. - then it's not",
+        "desc" : "Gets the current Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The Y position of the element"
+          }
+        ]
       },
       {
-        "name" : "relayCmd",
+        "name" : "hasClass",
         "type" : "function",
-        "desc" : "Executes a Midas editor command on the editor document and performs necessary focus and\ntoolbar updates. <b>This should only be called after the editor is initialized.</b>",
-        "sig" : "(cmd, value)",
+        "desc" : "Checks if the specified CSS class exists on this element's DOM node.",
+        "sig" : "(className)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cmd",
+            "name" : "className",
             "type" : "String",
-            "desc" : "The Midas command",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String/Boolean",
-            "desc" : "(optional) The value to pass to the command (defaults to null)",
+            "desc" : "The CSS class to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the class exists, else false"
+          }
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Hide this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
+        "sig" : "(animate)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "initDD",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Initializes a {@link Roo.dd.DD} drag drop object for this element.",
+        "sig" : "(group, config, overrides)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "group",
             "type" : "String",
-            "desc" : "The type of event to listen for",
+            "desc" : "The group the DD object is member of",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The DD config object",
             "isOptional" : false
           },
           {
-            "name" : "scope",
+            "name" : "overrides",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "An object containing methods to override/implement on the DD object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.dd.DD",
+            "desc" : "The DD object"
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "initDDProxy",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Initializes a {@link Roo.dd.DDProxy} object for this element.",
+        "sig" : "(group, config, overrides)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "group",
+            "type" : "String",
+            "desc" : "The group the DDProxy object is member of",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The DDProxy config object",
+            "isOptional" : false
+          },
+          {
+            "name" : "overrides",
+            "type" : "Object",
+            "desc" : "An object containing methods to override/implement on the DDProxy object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.dd.DDProxy",
+            "desc" : "The DDProxy object"
+          }
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "initDDTarget",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Initializes a {@link Roo.dd.DDTarget} object for this element.",
+        "sig" : "(group, config, overrides)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "group",
+            "type" : "String",
+            "desc" : "The group the DDTarget object is member of",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The DDTarget config object",
+            "isOptional" : false
+          },
+          {
+            "name" : "overrides",
+            "type" : "Object",
+            "desc" : "An object containing methods to override/implement on the DDTarget object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.dd.DDTarget",
+            "desc" : "The DDTarget object"
+          }
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "insertAfter",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Inserts this element after the passed element in the DOM",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to insert after",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "insertBefore",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Inserts this element before the passed element in the DOM",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to insert before",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "Roo.Element",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "syncValue",
+        "name" : "insertFirst",
         "type" : "function",
-        "desc" : "HTML Editor -> Textarea\nProtected method that will not generally be called directly. Syncs the contents\nof the editor iframe with the textarea.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Inserts (or creates) an element (or DomHelper config) as the first child of the this element",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Object",
+            "desc" : "The id or element to insert or a DomHelper config to create and insert",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The new child"
+          }
+        ]
       },
       {
-        "name" : "toggleSourceEdit",
+        "name" : "insertHtml",
         "type" : "function",
-        "desc" : "Toggles the editor between standard and source edit mode.",
-        "sig" : "(sourceEdit)",
+        "desc" : "Inserts an html fragment into this element",
+        "sig" : "(where, html, returnEl)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "sourceEdit",
+            "name" : "where",
+            "type" : "String",
+            "desc" : "Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "The HTML fragment",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnEl",
             "type" : "Boolean",
-            "desc" : "(optional) True for source edit, false for standard",
+            "desc" : "True to return an Roo.Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The inserted node (or nearest related if more than 1 inserted)"
+          }
+        ]
       },
       {
-        "name" : "un",
+        "name" : "insertSibling",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element",
+        "sig" : "(el, where, returnDom)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Object",
+            "desc" : "The id or element to insert or a DomHelper config to create and insert",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "where",
+            "type" : "String",
+            "desc" : "(optional) 'before' or 'after' defaults to before",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "returnDom",
+            "type" : "Boolean",
+            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.JsonView" : {
-    "props" : [
-      {
-        "name" : "dataName",
-        "type" : "String",
-        "desc" : "the named area of the template to use as the data area\n                         Works with domtemplates roo-name=\"name\"",
-        "memberOf" : "Roo.View"
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "the inserted Element"
+          }
+        ]
       },
       {
-        "name" : "el",
-        "type" : "String|Roo.Element",
-        "desc" : "The container element.",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The empty text to show when nothing is loaded.",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "multiSelect",
-        "type" : "Boolean",
-        "desc" : "Allow multiple selection",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "selectedClass",
-        "type" : "String",
-        "desc" : "The css class to add to selected nodes",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "singleSelect",
-        "type" : "Boolean",
-        "desc" : "Allow single selection",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "Data store to load data from.",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "text",
-        "type" : "String",
-        "desc" : "to display on mask (default Loading)",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "tickable",
-        "type" : "Boolean",
-        "desc" : "- selecting",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "toggleSelect",
-        "type" : "Boolean",
-        "desc" : "- selecting",
-        "memberOf" : "Roo.View"
-      },
-      {
-        "name" : "tpl",
-        "type" : "String|Roo.Template",
-        "desc" : "The template used by this View",
-        "memberOf" : "Roo.View"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforeclick",
+        "name" : "is",
         "type" : "function",
-        "desc" : "Fires before a click is processed. Returns false to cancel the default action.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
-        "memberOf" : "Roo.View",
+        "desc" : "Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)",
+        "sig" : "(selector)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.View",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if this element matches the selector, else false"
+          }
+        ]
       },
       {
-        "name" : "beforerender",
+        "name" : "isBorderBox",
         "type" : "function",
-        "desc" : "Fires before rendering of the downloaded JSON data.",
-        "sig" : "function (_self, data)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Tests various css rules/browsers to determine if this element uses a border box",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.JsonView",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "The JSON data loaded",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforeselect",
+        "name" : "isDisplayed",
         "type" : "function",
-        "desc" : "Fires before a selection is made. If any handlers return false, the selection is cancelled.",
-        "sig" : "function (_self, node, selections)\n{\n\n}",
-        "memberOf" : "Roo.View",
+        "desc" : "Returns true if display is not \"none\"",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.View",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The node to be selected",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "selections",
-            "type" : "Array",
-            "desc" : "Array of currently selected nodes",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "click",
+        "name" : "isMasked",
         "type" : "function",
-        "desc" : "Fires when a template node is clicked.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
-        "memberOf" : "Roo.View",
+        "desc" : "Returns true if this element is masked",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.View",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "contextmenu",
+        "name" : "isScrollable",
         "type" : "function",
-        "desc" : "Fires when a template node is right clicked.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
-        "memberOf" : "Roo.View",
+        "desc" : "Returns true if this element is scrollable.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.View",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "dblclick",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Fires when a template node is double clicked.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
-        "memberOf" : "Roo.View",
+        "desc" : "Checks whether the element is currently visible using both visibility and display properties.",
+        "sig" : "(deep)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.View",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
+            "name" : "deep",
+            "type" : "Boolean",
+            "desc" : "(optional) True to walk the dom and see if parent elements are hidden (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the element is currently visible, else false"
+          }
+        ]
       },
       {
         "name" : "load",
         "type" : "function",
-        "desc" : "Fires when data is loaded.",
-        "sig" : "function (_self, data, response)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Direct access to the UpdateManager update() method (takes the same parameters).",
+        "sig" : "(url, params, callback, discardUrl)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.JsonView",
-            "desc" : "",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The url for this request or a function to call to get the url",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "The JSON data loaded",
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a url encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
             "isOptional" : false
           },
           {
-            "name" : "response",
-            "type" : "Object",
-            "desc" : "The raw Connect response object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "loadexception",
-        "type" : "function",
-        "desc" : "Fires when loading fails.",
-        "sig" : "function (_self, response)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.JsonView",
-            "desc" : "",
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
             "isOptional" : false
           },
           {
-            "name" : "response",
-            "type" : "Object",
-            "desc" : "The raw Connect response object",
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "preparedata",
+        "name" : "mask",
         "type" : "function",
-        "desc" : "Fires on every row to render, to allow you to change the data.",
-        "sig" : "function (_self, data)\n{\n\n}",
-        "memberOf" : "Roo.View",
+        "desc" : "Puts a mask over this element to disable user interaction. Requires core.css.\nThis method can only be applied to elements which accept child nodes.",
+        "sig" : "(msg, msgCls)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.View",
-            "desc" : "",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "(optional) A message to display in the mask",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "to be rendered (change this)",
+            "name" : "msgCls",
+            "type" : "String",
+            "desc" : "(optional) A css class to apply to the msg element - use no-spinner to hide the spinner on bootstrap",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The mask  element"
+          }
+        ]
       },
       {
-        "name" : "selectionchange",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Fires when the selected nodes change.",
-        "sig" : "function (_self, selections)\n{\n\n}",
-        "memberOf" : "Roo.View",
+        "desc" : "Move this element relative to its current position.",
+        "sig" : "(direction, distance, animate)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.View",
-            "desc" : "",
+            "name" : "direction",
+            "type" : "String",
+            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
             "isOptional" : false
           },
           {
-            "name" : "selections",
-            "type" : "Array",
-            "desc" : "Array of the selected nodes",
+            "name" : "distance",
+            "type" : "Number",
+            "desc" : "How far to move the element in pixels",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "moveTo",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(x, y, animate)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "X value for new position (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "Y value for new position (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Appends an event handler (Shorthand for addListener)",
+        "sig" : "(eventName, fn, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
+            "desc" : "The type of event to append",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
             "desc" : "The method the event invokes",
             "isOptional" : false
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "(optional) The scope (this object) of the fn",
             "isOptional" : false
           },
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "position",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Initializes positioning on this element. If a desired position is not passed, it will make the\nthe element positioned relative IF it is not already positioned.",
+        "sig" : "(pos, zIndex, x, y)",
+        "static" : false,
+        "memberOf" : "Roo.Element",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "pos",
+            "type" : "String",
+            "desc" : "(optional) Positioning to use \"relative\", \"absolute\" or \"fixed\"",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "zIndex",
+            "type" : "Number",
+            "desc" : "(optional) The zIndex to apply",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "(optional) Set the page X position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "(optional) Set the page Y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearFilter",
+        "name" : "query",
         "type" : "function",
-        "desc" : "Clears the current filter.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Selects child nodes based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The CSS selector",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "An array of the matched nodes"
+          }
+        ]
       },
       {
-        "name" : "clearSelections",
+        "name" : "radioClass",
         "type" : "function",
-        "desc" : "Clear all selections",
-        "sig" : "(suppressEvent)",
+        "desc" : "Adds one or more CSS classes to this element and removes the same class(es) from all siblings.",
+        "sig" : "(className)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "(optional) true to skip firing of the selectionchange event",
+            "name" : "className",
+            "type" : "String/Array",
+            "desc" : "The CSS class to add, or an array of classes",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "filter",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Filter the data by a specific property.",
-        "sig" : "(property, value)",
+        "desc" : "Removes this element from the DOM and deletes it from the cache",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "property",
-            "type" : "String",
-            "desc" : "A property on your JSON objects",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String/RegExp",
-            "desc" : "Either string that the property values\nshould start with, or a RegExp to test against the property",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "filterBy",
+        "name" : "removeAllListeners",
         "type" : "function",
-        "desc" : "Filter by a function. The passed function will be called with each\nobject in the current dataset. If the function returns true the value is kept,\notherwise it is filtered.",
-        "sig" : "(fn, scope)",
+        "desc" : "Removes all previous added listeners from this element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to this JsonView)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "findItemFromChild",
+        "name" : "removeClass",
         "type" : "function",
-        "desc" : "Returns the template node the passed child belongs to or null if it doesn't belong to one.",
-        "sig" : "(node)",
+        "desc" : "Removes one or more CSS classes from the element.",
+        "sig" : "(className)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "",
+            "name" : "className",
+            "type" : "String/Array",
+            "desc" : "The CSS class to remove, or an array of classes",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The template node"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Removes an event handler from this element",
+        "sig" : "(eventName, fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "the type of event to remove",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "the method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Function",
+            "desc" : "(needed for svg fake listeners)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getCount",
+        "name" : "repaint",
         "type" : "function",
-        "desc" : "Get the number of records in the current JSON dataset",
+        "desc" : "Forces the browser to repaint this element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "replace",
         "type" : "function",
-        "desc" : "Returns the element this view is bound to.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Replaces the passed element with this element",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to replace",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : ""
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getNode",
+        "name" : "replaceClass",
         "type" : "function",
-        "desc" : "Gets a template node.",
-        "sig" : "(nodeInfo)",
+        "desc" : "Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.",
+        "sig" : "(oldClassName, newClassName)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeInfo",
-            "type" : "HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
+            "name" : "oldClassName",
+            "type" : "String",
+            "desc" : "The CSS class to replace",
+            "isOptional" : false
+          },
+          {
+            "name" : "newClassName",
+            "type" : "String",
+            "desc" : "The replacement CSS class",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The node or null if it wasn't found"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getNodeData",
+        "name" : "scroll",
         "type" : "function",
-        "desc" : "Returns the JSON object for the specified node(s)",
-        "sig" : "(node)",
+        "desc" : "Scrolls this element the specified direction. Does bounds checking to make sure the scroll is\nwithin this element's scrollable range.",
+        "sig" : "(direction, distance, animate)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement/Array",
-            "desc" : "The node or an array of nodes",
+            "name" : "direction",
+            "type" : "String",
+            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
+            "isOptional" : false
+          },
+          {
+            "name" : "distance",
+            "type" : "Number",
+            "desc" : "How far to scroll the element in pixels",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object/Array",
-            "desc" : "If you pass in an array, you get an array back, otherwise\nyou get the JSON object for the node"
+            "type" : "Boolean",
+            "desc" : "Returns true if a scroll was triggered or false if the element\nwas scrolled as far as it could go."
           }
         ]
       },
       {
-        "name" : "getNodes",
+        "name" : "scrollIntoView",
         "type" : "function",
-        "desc" : "Gets a range template nodes.",
-        "sig" : "(startIndex, endIndex)",
+        "desc" : "Scrolls this element into view within the passed container.",
+        "sig" : "(container, hscroll)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "startIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The container element to scroll (defaults to document.body)",
             "isOptional" : false
           },
           {
-            "name" : "endIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "hscroll",
+            "type" : "Boolean",
+            "desc" : "(optional) False to disable horizontal scroll (defaults to true)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "An array of nodes"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getSelectedIndexes",
+        "name" : "scrollTo",
         "type" : "function",
-        "desc" : "Get the indexes of the selected nodes.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().",
+        "sig" : "(side, value, animate)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "side",
+            "type" : "String",
+            "desc" : "Either \"left\" for scrollLeft values or \"top\" for scrollTop values.",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Number",
+            "desc" : "The new scroll value",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : ""
+            "type" : "Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getSelectedNodes",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Get the currently selected nodes.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Creates a {@link Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).",
+        "sig" : "(selector, unique)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The CSS selector",
+            "isOptional" : false
+          },
+          {
+            "name" : "unique",
+            "type" : "Boolean",
+            "desc" : "(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "An array of HTMLElements"
+            "type" : "CompositeElement/CompositeElementLite",
+            "desc" : "The composite element"
           }
         ]
       },
       {
-        "name" : "getSelectionCount",
+        "name" : "set",
         "type" : "function",
-        "desc" : "Get the number of selected nodes.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)",
+        "sig" : "(o, useSet)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The object with the attributes",
+            "isOptional" : false
+          },
+          {
+            "name" : "useSet",
+            "type" : "Boolean",
+            "desc" : "(optional) false to override the default setAttribute to use expandos.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "setBottom",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Sets the element's CSS bottom style.",
+        "sig" : "(bottom)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "bottom",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "The bottom CSS property value",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "indexOf",
+        "name" : "setBounds",
         "type" : "function",
-        "desc" : "Finds the index of the passed node",
-        "sig" : "(nodeInfo)",
+        "desc" : "Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.",
+        "sig" : "(x, y, width, height, animate)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeInfo",
-            "type" : "HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "X value for new position (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "Y value for new position (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the node or -1"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "isSelected",
+        "name" : "setBox",
         "type" : "function",
-        "desc" : "Returns true if the passed node is selected",
-        "sig" : "(node)",
+        "desc" : "Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently.",
+        "sig" : "(box, adjust, animate)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement/Number",
-            "desc" : "The node or node index",
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "The box to fill {x, y, width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjust",
+            "type" : "Boolean",
+            "desc" : "(optional) Whether to adjust for box-model issues automatically",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "setDisplayed",
         "type" : "function",
-        "desc" : "Performs an async HTTP request, and loads the JSON from the response. If <i>params</i> are specified it uses POST, otherwise it uses GET.",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The URL for this request, or a function to call to get the URL, or a config object containing any of the following options:\n     <pre><code>\n     view.load({\n         url: \"your-url.php\",\n         params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n         callback: yourFunction,\n         scope: yourObject, //(optional scope)\n         discardUrl: false,\n         nocache: false,\n         text: \"Loading...\",\n         timeout: 30,\n         scripts: false\n     });\n     </code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare respectively shorthand for <i>disableCaching</i>, <i>indicatorText</i>, and <i>loadScripts</i> and are used to set their associated property on this UpdateManager instance.",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass, as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
+            "name" : "value",
             "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "desc" : "Boolean value to display the element using its default display, or a string to set the display directly",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "on",
+        "name" : "setHeight",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Set the height of the element",
+        "sig" : "(height, animate)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onBeforeLoad",
-        "type" : "function",
-        "desc" : "onbeforeLoad - masks the loading area.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.View",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "prepareData",
-        "type" : "function",
-        "desc" : "Function to override to reformat the data that is sent to\nthe template for each node.\nDEPRICATED - use the preparedata event handler.",
-        "sig" : "(data)",
-        "static" : false,
-        "memberOf" : "Roo.View",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "data",
-            "type" : "Array/Object",
-            "desc" : "The raw data (array of colData for a data model bound view or\na JSON object for an UpdateManager bound view).",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Refreshes the view.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        ]
       },
       {
-        "name" : "refreshNode",
+        "name" : "setLeft",
         "type" : "function",
-        "desc" : "Refresh an individual node.",
-        "sig" : "(index)",
+        "desc" : "Sets the element's left position directly using CSS style (instead of {@link #setX}).",
+        "sig" : "(left)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "left",
+            "type" : "String",
+            "desc" : "The left CSS property value",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "setLeftTop",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Quick set left and top adding default units",
+        "sig" : "(left, top)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "left",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The left CSS property value",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "top",
+            "type" : "String",
+            "desc" : "The top CSS property value",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "select",
+        "name" : "setLocation",
         "type" : "function",
-        "desc" : "Selects nodes.",
-        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
+        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(x, y, animate)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeInfo",
-            "type" : "Array/HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "X value for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) true to keep existing selections",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "Y value for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "(optional) true to skip firing of the selectionchange vent",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "setStore",
-        "type" : "function",
-        "desc" : "Changes the data store this view uses and refresh the view.",
-        "sig" : "(store)",
-        "static" : false,
-        "memberOf" : "Roo.View",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "store",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "sort",
+        "name" : "setOpacity",
         "type" : "function",
-        "desc" : "Sorts the data for this view and refreshes it.",
-        "sig" : "(property, direction, sortType)",
+        "desc" : "Set the opacity of the element",
+        "sig" : "(opacity, animate)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "property",
-            "type" : "String",
-            "desc" : "A property on your JSON objects to sort on",
-            "isOptional" : false
-          },
-          {
-            "name" : "direction",
-            "type" : "String",
-            "desc" : "(optional) \"desc\" or \"asc\" (defaults to \"asc\")",
+            "name" : "opacity",
+            "type" : "Float",
+            "desc" : "The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc",
             "isOptional" : false
           },
           {
-            "name" : "sortType",
-            "type" : "Function",
-            "desc" : "(optional) A function to call to convert the data to a sortable value.",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "un",
+        "name" : "setPositioning",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Set positioning with an object returned by getPositioning().",
+        "sig" : "(posCfg)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "posCfg",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "unselect",
+        "name" : "setRegion",
         "type" : "function",
-        "desc" : "Unselects nodes.",
-        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
+        "desc" : "Sets the element's position and size the the specified region. If animation is true then width, height, x and y will be animated concurrently.",
+        "sig" : "(region, animate)",
         "static" : false,
-        "memberOf" : "Roo.View",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeInfo",
-            "type" : "Array/HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) true IGNORED (for campatibility with select)",
+            "name" : "region",
+            "type" : "Roo.lib.Region",
+            "desc" : "The region to fill",
             "isOptional" : false
           },
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "(optional) true to skip firing of the selectionchange vent",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.KeyMap" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
+      },
       {
-        "name" : "addBinding",
+        "name" : "setRight",
         "type" : "function",
-        "desc" : "Add a new binding to this KeyMap. The following config object properties are supported:\n<pre>\nProperty    Type             Description\n----------  ---------------  ----------------------------------------------------------------------\nkey         String/Array     A single keycode or an array of keycodes to handle\nshift       Boolean          True to handle key only when shift is pressed (defaults to false)\nctrl        Boolean          True to handle key only when ctrl is pressed (defaults to false)\nalt         Boolean          True to handle key only when alt is pressed (defaults to false)\nfn          Function         The function to call when KeyMap finds the expected key combination\nscope       Object           The scope of the callback function\n</pre>\n\nUsage:\n<pre><code>\n// Create a KeyMap\nvar map = new Roo.KeyMap(document, {\n    key: Roo.EventObject.ENTER,\n    fn: handleKey,\n    scope: this\n});\n\n//Add a new binding to the existing KeyMap later\nmap.addBinding({\n    key: 'abc',\n    shift: true,\n    fn: handleKey,\n    scope: this\n});\n</code></pre>",
-        "sig" : "(config)",
+        "desc" : "Sets the element's CSS right style.",
+        "sig" : "(right)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object/Array",
-            "desc" : "A single KeyMap config or an array of configs",
+            "name" : "right",
+            "type" : "String",
+            "desc" : "The right CSS property value",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this KeyMap",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enables this KeyMap",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isEnabled",
-        "type" : "function",
-        "desc" : "Returns true if this KeyMap is enabled",
-        "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" : ""
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "on",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Shorthand for adding a single key listener",
-        "sig" : "(key, fn, scope)",
+        "desc" : "Set the size of the element. If animation is true, both width an height will be animated concurrently.",
+        "sig" : "(width, height, animate)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Element",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "key",
-            "type" : "Number/Array/Object",
-            "desc" : "Either the numeric key code, array of key codes or an object with the\nfollowing options:\n{key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.KeyNav" : {
-    "props" : [
-      {
-        "name" : "defaultEventAction",
-        "type" : "String",
-        "desc" : "The method to call on the {@link Roo.EventObject} after this KeyNav intercepts a key.  Valid values are\n{@link Roo.EventObject#stopEvent}, {@link Roo.EventObject#preventDefault} and\n{@link Roo.EventObject#stopPropagation} (defaults to 'stopEvent')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable this KeyNav instance (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "forceKeyDown",
-        "type" : "Boolean",
-        "desc" : "Handle the keydown event instead of keypress (defaults to false).  KeyNav automatically does this for IE since\nIE does not propagate special keys on keypress, but setting this to true will force other browsers to also\nhandle keydown instead of keypress.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this KeyNav",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this KeyNav",
-        "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,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Layer" : {
-    "props" : [
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "CSS class to add to the element",
-        "memberOf" : ""
-      },
-      {
-        "name" : "constrain",
-        "type" : "Boolean",
-        "desc" : "False to disable constrain to viewport (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "dh",
-        "type" : "Object",
-        "desc" : "DomHelper object config to create element with (defaults to {tag: \"div\", cls: \"x-layer\"}).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shadow",
-        "type" : "String/Boolean",
-        "desc" : "True to create a shadow element with default class \"x-layer-shadow\", or\nyou can pass a string with a CSS class name. False turns off the shadow.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shadowOffset",
-        "type" : "Number",
-        "desc" : "Number of pixels to offset the shadow (defaults to 3)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shim",
-        "type" : "Boolean",
-        "desc" : "False to disable the iframe shim in browsers which need one (defaults to true)",
-        "memberOf" : ""
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "zindex",
-        "type" : "Number",
-        "desc" : "Starting z-index (defaults to 11000)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "addClass",
+        "name" : "setStyle",
         "type" : "function",
-        "desc" : "Adds one or more CSS classes to the element. Duplicate classes are automatically filtered out.",
-        "sig" : "(className)",
+        "desc" : "Wrapper for setting style properties, also takes single object parameter of multiple styles.",
+        "sig" : "(property, value)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String/Array",
-            "desc" : "The CSS class to add, or an array of classes",
+            "name" : "property",
+            "type" : "String/Object",
+            "desc" : "The style property to be set, or an object of multiple styles.",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) The value to apply to the given property, or null if an object was passed.",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addClassOnClick",
+        "name" : "setTop",
         "type" : "function",
-        "desc" : "Sets up event handlers to add and remove a css class when the mouse is down and then up on this element (a click effect)",
-        "sig" : "(className)",
+        "desc" : "Sets the element's top position directly using CSS style (instead of {@link #setY}).",
+        "sig" : "(top)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
+            "name" : "top",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The top CSS property value",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addClassOnFocus",
+        "name" : "setVisibilityMode",
         "type" : "function",
-        "desc" : "Sets up event handlers to add and remove a css class when this element has the focus",
-        "sig" : "(className)",
+        "desc" : "Sets the element's visibility mode. When setVisible() is called it\nwill use this to determine whether to set the visibility or the display property.",
+        "sig" : "(visMode)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String",
-            "desc" : "",
+            "name" : "visMode",
+            "type" : "",
+            "desc" : "Element.VISIBILITY or Element.DISPLAY",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addClassOnOver",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Sets up event handlers to add and remove a css class when the mouse is over this element",
-        "sig" : "(className, preventFlicker)",
+        "desc" : "Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use\nthe display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.",
+        "sig" : "(visible, animate)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String",
-            "desc" : "",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "Whether the element is visible",
             "isOptional" : false
           },
           {
-            "name" : "preventFlicker",
-            "type" : "Boolean",
-            "desc" : "(optional) If set to true, it prevents flickering by filtering\nmouseout events for children elements",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "addKeyListener",
+        "name" : "setWidth",
         "type" : "function",
-        "desc" : "Convenience method for constructing a KeyMap",
-        "sig" : "(key, fn, scope)",
+        "desc" : "Set the width of the element",
+        "sig" : "(width, animate)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "key",
-            "type" : "Number/Array/Object/String",
-            "desc" : "Either a string with the keys to listen for, the numeric key code, array of key codes or an object with the following options:\n                                 {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.KeyMap",
-            "desc" : "The KeyMap created"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addKeyMap",
+        "name" : "setX",
         "type" : "function",
-        "desc" : "Creates a KeyMap for this element",
-        "sig" : "(config)",
+        "desc" : "Sets the X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(The, animate)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The KeyMap config. See {@link Roo.KeyMap} for more details",
+            "name" : "The",
+            "type" : "Number",
+            "desc" : "X position of the element",
+            "isOptional" : false
+          },
+          {
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.KeyMap",
-            "desc" : "The KeyMap created"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addListener",
+        "name" : "setXY",
         "type" : "function",
-        "desc" : "Appends an event handler",
-        "sig" : "(eventName, fn, scope, options)",
+        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(pos, animate)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to append",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) of the fn",
+            "name" : "pos",
+            "type" : "Array",
+            "desc" : "Contains X & Y [x, y] values for new position (coordinates are page-based)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "alignTo",
+        "name" : "setY",
         "type" : "function",
-        "desc" : "Aligns this element with another element relative to the specified anchor points. If the other element is the\ndocument it aligns it to the viewport.\nThe position parameter is optional, and can be specified in any one of the following formats:\n<ul>\n  <li><b>Blank</b>: Defaults to aligning the element's top-left corner to the target's bottom-left corner (\"tl-bl\").</li>\n  <li><b>One anchor (deprecated)</b>: The passed anchor position is used as the target element's anchor point.\n      The element being aligned will position its top-left corner (tl) to that point.  <i>This method has been\n      deprecated in favor of the newer two anchor syntax below</i>.</li>\n  <li><b>Two anchors</b>: If two values from the table below are passed separated by a dash, the first value is used as the\n      element's anchor point, and the second value is used as the target's anchor point.</li>\n</ul>\nIn addition to the anchor points, the position parameter also supports the \"?\" character.  If \"?\" is passed at the end of\nthe position string, the element will attempt to align as specified, but the position will be adjusted to constrain to\nthe viewport if necessary.  Note that the element being aligned might be swapped to align to a different position than\nthat specified in order to enforce the viewport constraints.\nFollowing are all of the supported anchor positions:\n    <pre>\n    Value  Description\n    -----  -----------------------------\n    tl     The top left corner (default)\n    t      The center of the top edge\n    tr     The top right corner\n    l      The center of the left edge\n    c      In the center of the element\n    r      The center of the right edge\n    bl     The bottom left corner\n    b      The center of the bottom edge\n    br     The bottom right corner\n    </pre>\n    Example Usage:\n    <pre><code>\n    // align el to other-el using the default positioning (\"tl-bl\", non-constrained)\n    el.alignTo(\"other-el\");\n\n    // align the top left corner of el with the top right corner of other-el (constrained to viewport)\n    el.alignTo(\"other-el\", \"tr?\");\n\n    // align the bottom right corner of el with the center left edge of other-el\n    el.alignTo(\"other-el\", \"br-l?\");\n\n    // align the center of el with the bottom left corner of other-el and\n    // adjust the x position by -6 pixels (and the y position by 0)\n    el.alignTo(\"other-el\", \"c-bl\", [-6, 0]);\n    </code></pre>",
-        "sig" : "(element, position, offsets, animate)",
+        "desc" : "Sets the Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "sig" : "(The, animate)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "The position to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
+            "name" : "The",
+            "type" : "Number",
+            "desc" : "Y position of the element",
             "isOptional" : false
           },
           {
             "name" : "animate",
             "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "anchorTo",
+        "name" : "setZIndex",
         "type" : "function",
-        "desc" : "Anchors an element to another element and realigns it when the window is resized.",
-        "sig" : "(element, position, offsets, animate, monitorScroll, callback)",
+        "desc" : "Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically\nincremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow\nelement, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index).",
+        "sig" : "(zindex)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "The position to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          },
-          {
-            "name" : "monitorScroll",
-            "type" : "Boolean/Number",
-            "desc" : "(optional) True to monitor body scroll and reposition. If this parameter\nis a number, it is used as the buffer delay (defaults to 50ms).",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "The function to call after the animation finishes",
+            "name" : "zindex",
+            "type" : "Number",
+            "desc" : "The new z-index to set",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "this",
+            "desc" : "The Layer"
           }
         ]
       },
       {
-        "name" : "animate",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Perform animation on this element.",
-        "sig" : "(args, duration, onComplete, easing, animType)",
+        "desc" : "Show this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
+        "sig" : "(animate)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "args",
-            "type" : "Object",
-            "desc" : "The YUI animation control args",
-            "isOptional" : false
-          },
-          {
-            "name" : "duration",
-            "type" : "Float",
-            "desc" : "(optional) How long the animation lasts in seconds (defaults to .35)",
-            "isOptional" : false
-          },
-          {
-            "name" : "onComplete",
-            "type" : "Function",
-            "desc" : "(optional) Function to call when animation completes",
-            "isOptional" : false
-          },
-          {
-            "name" : "easing",
-            "type" : "String",
-            "desc" : "(optional) Easing method to use (defaults to 'easeOut')",
-            "isOptional" : false
-          },
-          {
-            "name" : "animType",
-            "type" : "String",
-            "desc" : "(optional) 'run' is the default. Can also be 'color', 'motion', or 'scroll'",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) true for the default animation or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "appendChild",
+        "name" : "swallowEvent",
         "type" : "function",
-        "desc" : "Appends the passed element(s) to this element",
-        "sig" : "(el)",
+        "desc" : "Stops the specified event from bubbling and optionally prevents the default action",
+        "sig" : "(eventName, preventDefault)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Array/Element/CompositeElement",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "preventDefault",
+            "type" : "Boolean",
+            "desc" : "(optional) true to prevent the default action too",
+            "isOptional" : false
           }
         ],
         "returns" : [
         ]
       },
       {
-        "name" : "appendTo",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Appends this element to the passed element",
-        "sig" : "(el)",
+        "desc" : "Toggles the element's visibility or display, depending on visibility mode.",
+        "sig" : "(animate)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The new parent element",
+            "name" : "animate",
+            "type" : "Boolean/Object",
+            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "applyStyles",
+        "name" : "toggleClass",
         "type" : "function",
-        "desc" : "More flexible version of {@link #setStyle} for setting style properties.",
-        "sig" : "(styles)",
+        "desc" : "Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).",
+        "sig" : "(className)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "styles",
-            "type" : "String/Object/Function",
-            "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+            "name" : "className",
+            "type" : "String",
+            "desc" : "The CSS class to toggle",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "attr",
+        "name" : "translatePoints",
         "type" : "function",
-        "desc" : "Sets or Returns the value the dom attribute value",
-        "sig" : "(name, value)",
+        "desc" : "Translates the passed page coordinates into left/top css values for this element",
+        "sig" : "(x, y)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "name",
-            "type" : "String|Object",
-            "desc" : "The attribute name (or object to set multiple attributes)",
+            "name" : "x",
+            "type" : "Number/Array",
+            "desc" : "The page x or an array containing [x, y]",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "(optional) The value to set the attribute to",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The page y",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "The attribute value"
+            "type" : "Object",
+            "desc" : "An object with left and top properties. e.g. {left: (value), top: (value)}"
           }
         ]
       },
       {
-        "name" : "autoHeight",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Measures the element's content height and updates height to match. Note: this function uses setTimeout so\nthe new height may not be available immediately.",
-        "sig" : "(animate, duration, onComplete, easing)",
+        "desc" : "Removes an event handler from this element (shorthand for removeListener)",
+        "sig" : "(eventName, fn)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "animate",
-            "type" : "Boolean",
-            "desc" : "(optional) Animate the transition (defaults to false)",
-            "isOptional" : false
-          },
-          {
-            "name" : "duration",
-            "type" : "Float",
-            "desc" : "(optional) Length of the animation in seconds (defaults to .35)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "the type of event to remove",
             "isOptional" : false
           },
           {
-            "name" : "onComplete",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "(optional) Function to call when animation completes",
-            "isOptional" : false
-          },
-          {
-            "name" : "easing",
-            "type" : "String",
-            "desc" : "(optional) Easing method to use (defaults to easeOut)",
+            "desc" : "the method the event invokes",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "beginMeasure",
+        "name" : "unclip",
         "type" : "function",
-        "desc" : "Temporarily enables offsets (width,height,x,y) for an element with display:none, use endMeasure() when done.",
+        "desc" : "Return clipping (overflow) to original clipping before clip() was called",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Element",
         ]
       },
       {
-        "name" : "blur",
+        "name" : "unmask",
         "type" : "function",
-        "desc" : "Tries to blur the element. Any exceptions are caught and ignored.",
+        "desc" : "Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise\nit is cached for reuse.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Element",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "boxWrap",
+        "name" : "unselectable",
         "type" : "function",
-        "desc" : "Wraps the specified element with a special markup/CSS block that renders by default as a gray container with a\ngradient background, rounded corners and a 4-way shadow.",
-        "sig" : "(class)",
+        "desc" : "Disables text selection for this element (normalized across browsers)",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "class",
-            "type" : "String",
-            "desc" : "(optional) A base CSS class to apply to the containing wrapper element (defaults to 'x-box').\nNote that there are a number of CSS rules that are dependent on this name to make the overall effect work,\nso if you supply an alternate base class, make sure you also supply all of the necessary rules.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
         ]
       },
       {
-        "name" : "center",
+        "name" : "up",
         "type" : "function",
-        "desc" : "Centers the Element in either the viewport, or another Element.",
-        "sig" : "(centerIn)",
+        "desc" : "Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).\nThis is a shortcut for findParentNode() that always returns an Roo.Element.",
+        "sig" : "(selector, maxDepth)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "centerIn",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "(optional) The element in which to center the element.",
+            "name" : "selector",
+            "type" : "String",
+            "desc" : "The simple selector to test",
+            "isOptional" : false
+          },
+          {
+            "name" : "maxDepth",
+            "type" : "Number/String/HTMLElement/Element",
+            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The matching DOM node (or null if no match was found)"
+          }
+        ]
       },
       {
-        "name" : "child",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Selects a single child at any depth below this element based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector, returnDom)",
+        "desc" : "Update the innerHTML of this element, optionally searching for and processing scripts",
+        "sig" : "(html, loadScripts, callback)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
+            "name" : "html",
             "type" : "String",
-            "desc" : "The CSS selector",
+            "desc" : "The new HTML",
             "isOptional" : false
           },
           {
-            "name" : "returnDom",
+            "name" : "loadScripts",
             "type" : "Boolean",
-            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
+            "desc" : "(optional) true to look for and process scripts",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "For async script loading you can be noticed when the update completes",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
+            "type" : "Roo.Element",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "clean",
+        "name" : "wrap",
         "type" : "function",
-        "desc" : "Removes worthless text nodes",
-        "sig" : "(forceReclean)",
+        "desc" : "Creates and wraps this element with another element",
+        "sig" : "(config, returnDom)",
         "static" : false,
         "memberOf" : "Roo.Element",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "forceReclean",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "(optional) DomHelper element config object for the wrapper element or null for an empty div",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnDom",
             "type" : "Boolean",
-            "desc" : "(optional) By default the element\nkeeps track if it has been cleaned already so\nyou can call this over and over. However, if you update the element and\nneed to force a reclean, you can pass true.",
+            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "clearOpacity",
-        "type" : "function",
-        "desc" : "Clears any opacity settings from this element. Required in some cases for IE.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "HTMLElement/Element",
+            "desc" : "The newly created wrapper element"
           }
         ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.LayoutDialog" : {
+    "props" : [
+      {
+        "name" : "animateTarget",
+        "type" : "String/Element",
+        "desc" : "Id or element from which the dialog should animate while opening\n(defaults to null with no animation)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "clearPositioning",
+        "name" : "autoCreate",
+        "type" : "Boolean/DomHelper",
+        "desc" : "True to auto create from scratch, or using a DomHelper Object (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoScroll",
+        "type" : "Boolean",
+        "desc" : "True to allow the dialog body contents to overflow and display scrollbars (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoTabs",
+        "type" : "Boolean",
+        "desc" : "If true, all elements with class 'x-dlg-tab' will get automatically converted to tabs (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "buttonAlign",
+        "type" : "String",
+        "desc" : "Valid values are \"left,\" \"center\" and \"right\" (defaults to \"right\")",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "buttons",
+        "type" : "Array",
+        "desc" : "Array of buttons",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "buttons[]",
+        "type" : "Roo.Button",
+        "desc" : "Bottom buttons..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "center",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closable",
+        "type" : "Boolean",
+        "desc" : "False to remove the built-in top-right corner close button (defaults to true)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "collapsible",
+        "type" : "Boolean",
+        "desc" : "False to remove the built-in top-right corner collapse button (defaults to true)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "constraintoviewport",
+        "type" : "Boolean",
+        "desc" : "True to keep the dialog constrained within the visible viewport boundaries (defaults to true)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "draggable",
+        "type" : "Boolean",
+        "desc" : "False to disable dragging of the dialog within the viewport (defaults to true)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "east",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fixedcenter",
+        "type" : "Boolean",
+        "desc" : "True to ensure that anytime the dialog is shown or resized it gets centered (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "Height of the dialog in pixels (can also be set via CSS).  Determined by browser if unspecified.",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minButtonWidth",
+        "type" : "Number",
+        "desc" : "Minimum width of all dialog buttons (defaults to 75)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minHeight",
+        "type" : "Number",
+        "desc" : "The minimum allowable height for a resizable dialog (defaults to 80)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum allowable width for a resizable dialog (defaults to 200)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "modal",
+        "type" : "Boolean",
+        "desc" : "True to show the dialog modally, preventing user interaction with the rest of the page (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "north",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "proxyDrag",
+        "type" : "Boolean",
+        "desc" : "True to drag a lightweight proxy element rather than the dialog itself, used when\ndraggable = true (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "False to disable manual dialog resizing (defaults to true)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizeHandles",
+        "type" : "String",
+        "desc" : "Which resize handles to display - see the {@link Roo.Resizable} handles config\nproperty for valid values (defaults to 'all')",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right\nshadow (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadowOffset",
+        "type" : "Number",
+        "desc" : "The number of pixels to offset the shadow if displayed (defaults to 5)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shim",
+        "type" : "Boolean",
+        "desc" : "True to create an iframe shim that prevents selects from showing through (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "south",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "syncHeightBeforeShow",
+        "type" : "Boolean",
+        "desc" : "True to cause the dimensions to be recalculated before the dialog is shown (defaults to false)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabTag",
+        "type" : "String",
+        "desc" : "The tag name of tab elements, used when autoTabs = true (defaults to 'div')",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "Default text to display in the title bar (defaults to null)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "west",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Width of the dialog in pixels (can also be set via CSS).  Determined by browser if unspecified.",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "x",
+        "type" : "Number",
+        "desc" : "The default left page coordinate of the dialog (defaults to center screen)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "y",
+        "type" : "Number",
+        "desc" : "The default top page coordinate of the dialog (defaults to center screen)",
+        "memberOf" : "Roo.BasicDialog",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Clear positioning back to the default when the document was loaded",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before this dialog is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.BasicDialog",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "(optional) The value to use for the left,right,top,bottom, defaults to '' (empty string). You could use 'auto'.",
+            "name" : "this",
+            "type" : "Roo.BasicDialog",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before this dialog is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.BasicDialog",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.BasicDialog",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "clip",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Store the current overflow setting and clip overflow on the element - use {@link #unclip} to remove",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this dialog is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.BasicDialog",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.BasicDialog",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "contains",
+        "name" : "keydown",
         "type" : "function",
-        "desc" : "Returns true if this element is an ancestor of the passed element",
-        "sig" : "(el)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a key is pressed",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.BasicDialog",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "HTMLElement/String",
-            "desc" : "The element to check",
+            "name" : "this",
+            "type" : "Roo.BasicDialog",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "move",
+        "type" : "function",
+        "desc" : "Fires when this dialog is moved by the user.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BasicDialog",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if this element is an ancestor of el, else false"
+            "name" : "this",
+            "type" : "Roo.BasicDialog",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new page X",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new page Y",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "createChild",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Creates the passed DomHelper config and appends it to this element or optionally inserts it before the passed child element.",
-        "sig" : "(config, insertBefore, returnDom)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this dialog is resized by the user.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "Roo.BasicDialog",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "DomHelper element config object.  If no tag is specified (e.g., {tag:'input'}) then a div will be\nautomatically generated with the specified attributes.",
+            "name" : "this",
+            "type" : "Roo.BasicDialog",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "insertBefore",
-            "type" : "HTMLElement",
-            "desc" : "(optional) a child element of this element",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
             "isOptional" : false
           },
           {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return the dom node instead of creating an Element",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires when this dialog is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.BasicDialog",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The new child element"
+            "name" : "this",
+            "type" : "Roo.BasicDialog",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "createProxy",
+        "name" : "addButton",
         "type" : "function",
-        "desc" : "Creates a proxy element of this element",
-        "sig" : "(config, renderTo, matchBox)",
+        "desc" : "Adds a button to the footer section of the dialog.",
+        "sig" : "(config, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "config",
             "type" : "String/Object",
-            "desc" : "The class name of the proxy element or a DomHelper config object",
+            "desc" : "A string becomes the button text, an object can either be a Button config\nobject or a valid Roo.DomHelper element config",
             "isOptional" : false
           },
           {
-            "name" : "renderTo",
-            "type" : "String/HTMLElement",
-            "desc" : "(optional) The element or element id to render the proxy to (defaults to document.body)",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The function called when the button is clicked",
             "isOptional" : false
           },
           {
-            "name" : "matchBox",
-            "type" : "Boolean",
-            "desc" : "(optional) True to align and size the proxy to this element now (defaults to false)",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the handler function (accepts position as a property)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The new proxy element"
+            "type" : "Roo.Button",
+            "desc" : "The new button"
           }
         ]
       },
       {
-        "name" : "createShim",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Creates an iframe shim for this element to keep selects and other windowed objects from\nshowing through.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The new shim element"
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "down",
+        "name" : "addKeyListener",
         "type" : "function",
-        "desc" : "Selects a single *direct* child based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector, returnDom)",
+        "desc" : "Adds a key listener for when this dialog is displayed.  This allows you to hook in a function that will be\nexecuted in response to a particular key being pressed while the dialog is active.",
+        "sig" : "(key, fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The CSS selector",
+            "name" : "key",
+            "type" : "Number/Array/Object",
+            "desc" : "Either the numeric key code, array of key codes or an object with the following options:\n                                 {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
             "isOptional" : false
           },
           {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return the DOM node instead of Roo.Element (defaults to false)",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The child Roo.Element (or DOM node if returnDom = true)"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "enableDisplayMode",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Convenience method for setVisibilityMode(Element.DISPLAY)",
-        "sig" : "(display)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "display",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "(optional) What to set display to when visible",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "endMeasure",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Restores displays to before beginMeasure was called",
+        "desc" : "Add an xtype element (actually adds to the layout.)",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Object",
+            "desc" : "xdata xtype object data."
           }
         ]
       },
       {
-        "name" : "findParent",
+        "name" : "alignTo",
         "type" : "function",
-        "desc" : "Looks at this node and then at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(selector, maxDepth, returnEl)",
+        "desc" : "Aligns the dialog to the specified element",
+        "sig" : "(element, position, offsets)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The simple selector to test",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
             "isOptional" : false
           },
           {
-            "name" : "maxDepth",
-            "type" : "Number/String/HTMLElement/Element",
-            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "name" : "position",
+            "type" : "String",
+            "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details).",
             "isOptional" : false
           },
           {
-            "name" : "returnEl",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The matching DOM node (or null if no match was found)"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "findParentNode",
+        "name" : "anchorTo",
         "type" : "function",
-        "desc" : "Looks at parent nodes for a match of the passed simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(selector, maxDepth, returnEl)",
+        "desc" : "Anchors an element to another element and realigns it when the window is resized.",
+        "sig" : "(element, position, offsets, monitorScroll)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to.",
+            "isOptional" : false
+          },
+          {
+            "name" : "position",
             "type" : "String",
-            "desc" : "The simple selector to test",
+            "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details)",
             "isOptional" : false
           },
           {
-            "name" : "maxDepth",
-            "type" : "Number/String/HTMLElement/Element",
-            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "name" : "offsets",
+            "type" : "Array",
+            "desc" : "(optional) Offset the positioning by [x, y]",
             "isOptional" : false
           },
           {
-            "name" : "returnEl",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return a Roo.Element object instead of DOM node",
+            "name" : "monitorScroll",
+            "type" : "Boolean/Number",
+            "desc" : "(optional) true to monitor body scroll and reposition. If this parameter\nis a number, it is used as the buffer delay (defaults to 50ms).",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The matching DOM node (or null if no match was found)"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "findScrollableParent",
+        "name" : "beginUpdate",
         "type" : "function",
-        "desc" : "Looks at  the scrollable parent element",
+        "desc" : "Begins an update of the layout <strike>and sets display to block and visibility to hidden</strike>. Use standard beginUpdate/endUpdate on the layout.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "",
+        "deprecated" : "This has been deprecated: ",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "returns" : []
       },
       {
-        "name" : "fitToParent",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Sizes this element to its parent element's dimensions performing\nneccessary box adjustments.",
-        "sig" : "(monitorResize, targetParent)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "monitorResize",
-            "type" : "Boolean",
-            "desc" : "(optional) If true maintains the fit when the browser window is resized.",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "targetParent",
-            "type" : "String/HTMLElment/Element",
-            "desc" : "(optional) The target parent, default to the parentNode.",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "fly",
+        "name" : "center",
         "type" : "function",
-        "desc" : "Gets the globally shared flyweight Element, with the passed node as the active element. Do not store a reference to this element -\nthe dom node can be overwritten by other code.",
-        "sig" : "(el, named)",
-        "static" : true,
-        "memberOf" : "Roo.Element",
-        "isStatic" : true,
+        "desc" : "Centers this dialog in the viewport",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BasicDialog",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement",
-            "desc" : "The dom node or id",
-            "isOptional" : false
-          },
-          {
-            "name" : "named",
-            "type" : "String",
-            "desc" : "(optional) Allows for creation of named reusable flyweights to\n                                 prevent conflicts (e.g. internally Roo uses \"_internal\")",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : "The shared Element object"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Tries to focus the element. Any exceptions are caught and ignored.",
+        "desc" : "Collapses the dialog to its minimized state (only the title bar is visible).\nEquivalent to the user clicking the collapse dialog button.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "get",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Static method to retrieve Element objects. Uses simple caching to consistently return the same object.\nAutomatically fixes if an object was recreated with the same id via AJAX or DOM.",
-        "sig" : "(el)",
-        "static" : true,
-        "memberOf" : "Roo.Element",
-        "isStatic" : true,
+        "desc" : "Destroys this dialog and all its supporting elements (including any tabs, shim,\nshadow, proxy, mask, etc.)  Also removes all event listeners.",
+        "sig" : "(removeEl)",
+        "static" : false,
+        "memberOf" : "Roo.BasicDialog",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM Node or an existing Element.",
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "(optional) true to remove the element from the DOM",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Element",
-            "desc" : "The Element object"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getAlignToXY",
+        "name" : "endUpdate",
         "type" : "function",
-        "desc" : "Gets the x,y coordinates to align this element with another element. See {@link #alignTo} for more info on the\nsupported position values.",
-        "sig" : "(element, position, offsets)",
+        "desc" : "Ends update of the layout <strike>and resets display to none</strike>. Use standard beginUpdate/endUpdate on the layout.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "",
+        "deprecated" : "This has been deprecated: ",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "The position to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "[x, y]"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getAnchorXY",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Gets the x,y coordinates specified by the anchor position on the element.",
-        "sig" : "(anchor, size, local)",
+        "desc" : "Expands a collapsed dialog back to its normal state.  Equivalent to the user\nclicking the expand dialog button.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "anchor",
-            "type" : "String",
-            "desc" : "(optional) The specified anchor position (defaults to \"c\").  See {@link #alignTo} for details on supported anchor positions.",
-            "isOptional" : false
-          },
-          {
-            "name" : "size",
-            "type" : "Object",
-            "desc" : "(optional) An object containing the size to use for calculating anchor position\n                      {width: (target width), height: (target height)} (defaults to the element's current size)",
-            "isOptional" : false
-          },
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) True to get the local (element top/left-relative) anchor position instead of page coordinates",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "[x, y] An array containing the element's x and y coordinates"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getAttributeNS",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns the value of a namespaced attribute from the element's underlying DOM node.",
-        "sig" : "(namespace, name)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "namespace",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The namespace in which to look for the attribute",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "name",
-            "type" : "String",
-            "desc" : "The attribute name",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "The attribute value"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getBorderWidth",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Gets the width of the border(s) for the specified side(s)",
-        "sig" : "(side)",
+        "desc" : "Focuses the dialog.  If a defaultButton is set, it will receive focus, otherwise the\ndialog itself will receive focus.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "side",
-            "type" : "String",
-            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the border (l)eft width + the border (r)ight width.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The width of the sides passed added together"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getBottom",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets the bottom Y coordinate of the element (element Y position + element height)",
-        "sig" : "(local)",
+        "desc" : "Returns the element for this dialog",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The underlying dialog Element"
           }
         ]
       },
       {
-        "name" : "getBox",
+        "name" : "getLayout",
         "type" : "function",
-        "desc" : "Return a box {x, y, width, height} that can be used to set another elements\nsize/location to match this element.",
-        "sig" : "(contentBox, local)",
+        "desc" : "Get the BorderLayout for this dialog",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "contentBox",
-            "type" : "Boolean",
-            "desc" : "(optional) If true a box for the content of the element is returned.",
-            "isOptional" : false
-          },
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page x/y.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "box An object in the format {x, y, width, height}"
+            "type" : "Roo.layout.Border",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getCenterXY",
+        "name" : "getTabs",
         "type" : "function",
-        "desc" : "Calculates the x, y to center this element on the screen",
+        "desc" : "Returns the panel.Tab component (creates it if it doesn't exist).\nNote: If you wish to simply check for the existence of tabs without creating them,\ncheck for a null 'tabs' property.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The x, y values [x, y]"
+            "type" : "Roo.panel.Tab",
+            "desc" : "The tabs component"
           }
         ]
       },
       {
-        "name" : "getColor",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Return the CSS color for the specified CSS attribute. rgb, 3 digit (like #fff) and valid values\nare convert to standard 6 digit hex color.",
-        "sig" : "(attr, defaultValue, prefix)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "attr",
-            "type" : "String",
-            "desc" : "The css attribute",
-            "isOptional" : false
-          },
-          {
-            "name" : "defaultValue",
-            "type" : "String",
-            "desc" : "The default value to use when a valid color isn't found",
-            "isOptional" : false
-          },
-          {
-            "name" : "prefix",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "(optional) defaults to #. Use an empty string when working with\nYUI color anims.",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "getComputedHeight",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns either the offsetHeight or the height of this element based on CSS height adjusted by padding or borders\nwhen needed to simulate offsetHeight when offsets aren't available. This may not work on display:none elements\nif a height has not been set using CSS.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Hides the dialog.",
+        "sig" : "(callback)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Function to call when the dialog is hidden",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getComputedWidth",
+        "name" : "initTabs",
         "type" : "function",
-        "desc" : "Returns either the offsetWidth or the width of this element based on CSS width adjusted by padding or borders\nwhen needed to simulate offsetWidth when offsets aren't available. This may not work on display:none elements\nif a width has not been set using CSS.",
+        "desc" : "Reinitializes the tabs component, clearing out old tabs and finding new ones.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Roo.panel.Tab",
+            "desc" : "The tabs component"
           }
         ]
       },
       {
-        "name" : "getFrameWidth",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns the sum width of the padding and borders for the passed \"sides\". See getBorderWidth()\n         for more information about the sides.",
-        "sig" : "(sides)",
+        "desc" : "Returns true if the dialog is visible",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "sides",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
+            "type" : "Boolean",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getHeight",
+        "name" : "moveTo",
         "type" : "function",
-        "desc" : "Returns the offset height of the element",
-        "sig" : "(contentHeight)",
+        "desc" : "Moves the dialog's top-left corner to the specified point",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "contentHeight",
-            "type" : "Boolean",
-            "desc" : "(optional) true to get the height minus borders and padding",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The element's height"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getLeft",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Gets the left X coordinate",
-        "sig" : "(local)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
-          }
-        ]
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "getMargins",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns an object with properties top, left, right and bottom representing the margins of this element unless sides is passed,\nthen it returns the calculated width of the sides (see getPadding)",
-        "sig" : "(sides)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "sides",
-            "type" : "String",
-            "desc" : "(optional) Any combination of l, r, t, b to get the sum of those sides",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object/Number",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getNextSibling",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Gets the next sibling, skipping text nodes",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The next sibling or null"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getPadding",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Gets the width of the padding(s) for the specified side(s)",
-        "sig" : "(side)",
+        "desc" : "Resizes the dialog.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "side",
-            "type" : "String",
-            "desc" : "Can be t, l, r, b or any combination of those to add multiple values. For example,\npassing lr would get the padding (l)eft + the padding (r)ight.",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The padding of the sides passed added together"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getPositioning",
+        "name" : "restoreState",
         "type" : "function",
-        "desc" : "Gets an object with all CSS positioning properties. Useful along with setPostioning to get\nsnapshot before performing an update and then restoring the element.",
+        "desc" : "Restores the previous state of the dialog if Roo.state is configured.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : ""
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getPrevSibling",
+        "name" : "setContentSize",
         "type" : "function",
-        "desc" : "Gets the previous sibling, skipping text nodes",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Resizes the dialog to fit the specified content size.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The previous sibling or null"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getRegion",
+        "name" : "setDefaultButton",
         "type" : "function",
-        "desc" : "Returns the region of the given element.\nThe element must be part of the DOM tree to have a region (display:none or elements not appended return false).",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the default button to be focused when the dialog is displayed.",
+        "sig" : "(btn)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.BasicDialog.Button",
+            "desc" : "The button object returned by {@link #addButton}",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Region",
-            "desc" : "A Roo.lib.Region containing \"top, left, bottom, right\" member data."
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getRight",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Gets the right X coordinate of the element (element X position + element width)",
-        "sig" : "(local)",
+        "desc" : "Sets the dialog title text",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The title text to display",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getScroll",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Returns the current scroll position of the element.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Shows the dialog.",
+        "sig" : "(animateTarget)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "animateTarget",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "(optional) Reset the animation target",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the scroll position in the format {left: (scrollLeft), top: (scrollTop)}"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getSize",
+        "name" : "toBack",
         "type" : "function",
-        "desc" : "Returns the size of the element.",
-        "sig" : "(contentSize)",
+        "desc" : "Sends this dialog to the back (under) of any other visible dialogs",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "contentSize",
-            "type" : "Boolean",
-            "desc" : "(optional) true to get the width/size minus borders and padding",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getStyle",
+        "name" : "toFront",
         "type" : "function",
-        "desc" : "Normalizes currentStyle and computedStyle. This is not YUI getStyle, it is an optimised version.",
-        "sig" : "(property)",
+        "desc" : "Brings this dialog to the front of any other visible dialogs",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.BasicDialog",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "property",
-            "type" : "String",
-            "desc" : "The style property whose value is returned.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "The current value of the style property for this element."
+            "type" : "Roo.BasicDialog",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getStyles",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Returns an object with properties matching the styles requested.\nFor example, el.getStyles('color', 'font-size', 'width') might return\n{'color': '#FFFFFF', 'font-size': '13px', 'width': '100px'}.",
-        "sig" : "(style1, style2)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "style1",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "A style name",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "style2",
-            "type" : "String",
-            "desc" : "A style name",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The style object"
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.panel.Content",
+      "Roo.panel.Grid",
+      "Roo.panel.NestedLayout",
+      "Roo.panel.Tree"
+    ],
+    "tree_parent" : [
+      "builder",
+      "none"
+    ]
+  },
+  "Roo.LoadMask" : {
+    "props" : [
+      {
+        "name" : "msg",
+        "type" : "String",
+        "desc" : "The text to display in a centered loading message box (defaults to 'Loading...')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "getTop",
+        "name" : "msgCls",
+        "type" : "String",
+        "desc" : "The CSS class to apply to the loading message element (defaults to \"x-mask-loading\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "removeMask",
+        "type" : "Boolean",
+        "desc" : "True to create a single-use mask that is automatically destroyed after loading (useful for page loads),\nFalse to persist the mask element reference for multiple uses (e.g., for paged data widgets).  Defaults to false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Gets the top Y coordinate",
-        "sig" : "(local)",
+        "desc" : "Disables the mask to prevent it from being displayed",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "True to get the local css position instead of page coordinate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Gets this element's UpdateManager",
+        "desc" : "Enables the mask so that it can be displayed",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
-          }
-        ]
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.MasterTemplate" : {
+    "props" : [
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "getValue",
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The Url to load the template from. beware if you are loading from a url, the data may not be ready if you use it instantly..\n                   it should be fixed so that template is observable...",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "add",
         "type" : "function",
-        "desc" : "Returns the value of the \"value\" attribute",
-        "sig" : "(asNumber)",
+        "desc" : "Applies the passed values to a child template.",
+        "sig" : "(name, values)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "asNumber",
-            "type" : "Boolean",
-            "desc" : "true to parse the value as a number",
+            "name" : "name",
+            "type" : "String/Number",
+            "desc" : "(optional) The name or index of the child template",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Array/Object",
+            "desc" : "The values to be applied to the template",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String/Number",
-            "desc" : ""
+            "type" : "MasterTemplate",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getViewSize",
+        "name" : "addAll",
         "type" : "function",
-        "desc" : "Returns the width and height of the viewport.",
+        "desc" : "Alias for fill().",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the viewport's size {width: (viewport width), height: (viewport height)}"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getWidth",
+        "name" : "append",
         "type" : "function",
-        "desc" : "Returns the offset width of the element",
-        "sig" : "(contentWidth)",
+        "desc" : "Applies the supplied values to the template and appends the new node(s) to el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "contentWidth",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
             "type" : "Boolean",
-            "desc" : "(optional) true to get the width minus borders and padding",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The element's width"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "getX",
+        "name" : "apply",
         "type" : "function",
-        "desc" : "Gets the current X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "desc" : "Alias for {@link #applyTemplate}",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The X position of the element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getXY",
+        "name" : "applyTemplate",
         "type" : "function",
-        "desc" : "Gets the current position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns an HTML fragment of this template with the specified values applied.",
+        "sig" : "(values)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element"
+            "type" : "String",
+            "desc" : "The HTML fragment"
           }
         ]
       },
       {
-        "name" : "getY",
+        "name" : "compile",
         "type" : "function",
-        "desc" : "Gets the current Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
+        "desc" : "Compiles the template into an internal function, eliminating the RegEx overhead.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The Y position of the element"
+            "type" : "Roo.Template",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasClass",
+        "name" : "fill",
         "type" : "function",
-        "desc" : "Checks if the specified CSS class exists on this element's DOM node.",
-        "sig" : "(className)",
+        "desc" : "Applies all the passed values to a child template.",
+        "sig" : "(name, values, reset)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String",
-            "desc" : "The CSS class to check for",
+            "name" : "name",
+            "type" : "String/Number",
+            "desc" : "(optional) The name or index of the child template",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Array",
+            "desc" : "The values to be applied to the template, this should be an array of objects.",
+            "isOptional" : false
+          },
+          {
+            "name" : "reset",
+            "type" : "Boolean",
+            "desc" : "(optional) True to reset the template first",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the class exists, else false"
+            "type" : "MasterTemplate",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "from",
         "type" : "function",
-        "desc" : "Hide this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
-        "sig" : "(animate)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
+        "desc" : "Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML. e.g.\nvar tpl = Roo.MasterTemplate.from('element-id');",
+        "sig" : "(el, config)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "initDD",
+        "name" : "insertAfter",
         "type" : "function",
-        "desc" : "Initializes a {@link Roo.dd.DD} drag drop object for this element.",
-        "sig" : "(group, config, overrides)",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) after el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "group",
-            "type" : "String",
-            "desc" : "The group the DD object is member of",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
             "isOptional" : false
           },
           {
-            "name" : "config",
+            "name" : "values",
             "type" : "Object",
-            "desc" : "The DD config object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
             "isOptional" : false
           },
           {
-            "name" : "overrides",
-            "type" : "Object",
-            "desc" : "An object containing methods to override/implement on the DD object",
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.dd.DD",
-            "desc" : "The DD object"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "initDDProxy",
+        "name" : "insertBefore",
         "type" : "function",
-        "desc" : "Initializes a {@link Roo.dd.DDProxy} object for this element.",
-        "sig" : "(group, config, overrides)",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) before el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "group",
-            "type" : "String",
-            "desc" : "The group the DDProxy object is member of",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
             "isOptional" : false
           },
           {
-            "name" : "config",
+            "name" : "values",
             "type" : "Object",
-            "desc" : "The DDProxy config object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
             "isOptional" : false
           },
           {
-            "name" : "overrides",
-            "type" : "Object",
-            "desc" : "An object containing methods to override/implement on the DDProxy object",
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.dd.DDProxy",
-            "desc" : "The DDProxy object"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "initDDTarget",
+        "name" : "insertFirst",
         "type" : "function",
-        "desc" : "Initializes a {@link Roo.dd.DDTarget} object for this element.",
-        "sig" : "(group, config, overrides)",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) as the first child of el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "group",
-            "type" : "String",
-            "desc" : "The group the DDTarget object is member of",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
             "isOptional" : false
           },
           {
-            "name" : "config",
+            "name" : "values",
             "type" : "Object",
-            "desc" : "The DDTarget config object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
             "isOptional" : false
           },
           {
-            "name" : "overrides",
-            "type" : "Object",
-            "desc" : "An object containing methods to override/implement on the DDTarget object",
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.dd.DDTarget",
-            "desc" : "The DDTarget object"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "insertAfter",
+        "name" : "overwrite",
         "type" : "function",
-        "desc" : "Inserts this element after the passed element in the DOM",
-        "sig" : "(el)",
+        "desc" : "Applies the supplied values to the template and overwrites the content of el with the new node(s).",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to insert after",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "insertBefore",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Inserts this element before the passed element in the DOM",
-        "sig" : "(el)",
+        "desc" : "Resets the template for reuse",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to insert before",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "MasterTemplate",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "insertFirst",
+        "name" : "set",
         "type" : "function",
-        "desc" : "Inserts (or creates) an element (or DomHelper config) as the first child of the this element",
-        "sig" : "(el)",
+        "desc" : "Sets the HTML used as the template and optionally compiles it.",
+        "sig" : "(html, compile)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Object",
-            "desc" : "The id or element to insert or a DomHelper config to create and insert",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "compile",
+            "type" : "Boolean",
+            "desc" : "(optional) True to compile the template (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The new child"
+            "type" : "Roo.Template",
+            "desc" : "this"
           }
         ]
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.MessageBox" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "insertHtml",
+        "name" : "alert",
         "type" : "function",
-        "desc" : "Inserts an html fragment into this element",
-        "sig" : "(where, html, returnEl)",
+        "desc" : "Displays a standard read-only message box with an OK button (comparable to the basic JavaScript Window.alert).\nIf a callback function is passed it will be called after the user clicks the button, and the\nid of the button that was clicked will be passed as the only parameter to the callback\n(could also be the top-right close button).",
+        "sig" : "(title, msg, fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "where",
+            "name" : "title",
             "type" : "String",
-            "desc" : "Where to insert the html in relation to the this element - beforeBegin, afterBegin, beforeEnd, afterEnd.",
+            "desc" : "The title bar text",
             "isOptional" : false
           },
           {
-            "name" : "html",
+            "name" : "msg",
             "type" : "String",
-            "desc" : "The HTML fragment",
+            "desc" : "The message box body text",
             "isOptional" : false
           },
           {
-            "name" : "returnEl",
-            "type" : "Boolean",
-            "desc" : "True to return an Roo.Element",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "(optional) The callback function invoked after the message box is closed",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the callback function",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The inserted node (or nearest related if more than 1 inserted)"
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
       },
       {
-        "name" : "insertSibling",
+        "name" : "confirm",
         "type" : "function",
-        "desc" : "Inserts (or creates) the passed element (or DomHelper config) as a sibling of this element",
-        "sig" : "(el, where, returnDom)",
+        "desc" : "Displays a confirmation message box with Yes and No buttons (comparable to JavaScript's Window.confirm).\nIf a callback function is passed it will be called after the user clicks either button, and the id of the\nbutton that was clicked will be passed as the only parameter to the callback (could also be the top-right close button).",
+        "sig" : "(title, msg, fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Object",
-            "desc" : "The id or element to insert or a DomHelper config to create and insert",
+            "name" : "title",
+            "type" : "String",
+            "desc" : "The title bar text",
             "isOptional" : false
           },
           {
-            "name" : "where",
+            "name" : "msg",
             "type" : "String",
-            "desc" : "(optional) 'before' or 'after' defaults to before",
+            "desc" : "The message box body text",
             "isOptional" : false
           },
           {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "(optional) The callback function invoked after the message box is closed",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "the inserted Element"
-          }
-        ]
-      },
-      {
-        "name" : "is",
-        "type" : "function",
-        "desc" : "Returns true if this element matches the passed simple selector (e.g. div.some-class or span:first-child)",
-        "sig" : "(selector)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The simple selector to test",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the callback function",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if this element matches the selector, else false"
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
       },
       {
-        "name" : "isBorderBox",
+        "name" : "getDialog",
         "type" : "function",
-        "desc" : "Tests various css rules/browsers to determine if this element uses a border box",
+        "desc" : "Returns a reference to the underlying {@link Roo.BasicDialog} element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.BasicDialog",
+            "desc" : "The BasicDialog element"
           }
         ]
       },
       {
-        "name" : "isDisplayed",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true if display is not \"none\"",
+        "desc" : "Hides the message box if it is displayed",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isMasked",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if this element is masked",
+        "desc" : "Returns true if the message box is currently displayed",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : ""
+            "desc" : "True if the message box is visible, else false"
           }
         ]
       },
       {
-        "name" : "isScrollable",
+        "name" : "progress",
         "type" : "function",
-        "desc" : "Returns true if this element is scrollable.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Displays a message box with a progress bar.  This message box has no buttons and is not closeable by\nthe user.  You are responsible for updating the progress bar as needed via {@link Roo.MessageBox#updateProgress}\nand closing the message box when the process is complete.",
+        "sig" : "(title, msg)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "title",
+            "type" : "String",
+            "desc" : "The title bar text",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "prompt",
         "type" : "function",
-        "desc" : "Checks whether the element is currently visible using both visibility and display properties.",
-        "sig" : "(deep)",
+        "desc" : "Displays a message box with OK and Cancel buttons prompting the user to enter some text (comparable to\nJavaScript's Window.prompt).  The prompt can be a single-line or multi-line textbox.  If a callback function\nis passed it will be called after the user clicks either button, and the id of the button that was clicked\n(could also be the top-right close button) and the text that was entered will be passed as the two\nparameters to the callback.",
+        "sig" : "(title, msg, fn, scope, multiline)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "deep",
-            "type" : "Boolean",
-            "desc" : "(optional) True to walk the dom and see if parent elements are hidden (defaults to false)",
+            "name" : "title",
+            "type" : "String",
+            "desc" : "The title bar text",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "(optional) The callback function invoked after the message box is closed",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the callback function",
+            "isOptional" : false
+          },
+          {
+            "name" : "multiline",
+            "type" : "Boolean/Number",
+            "desc" : "(optional) True to create a multiline textbox using the defaultTextHeight\nproperty, or the height in pixels to create the textbox (defaults to false / single-line)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the element is currently visible, else false"
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Direct access to the UpdateManager update() method (takes the same parameters).",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Displays a new message box, or reinitializes an existing message box, based on the config options\npassed in. All functions (e.g. prompt, alert, etc) on MessageBox call this function internally.\nThe following config object properties are supported:\n<pre>\nProperty    Type             Description\n----------  ---------------  ------------------------------------------------------------------------------------\nanimEl            String/Element   An id or Element from which the message box should animate as it opens and\n                                   closes (defaults to undefined)\nbuttons           Object/Boolean   A button config object (e.g., Roo.MessageBox.OKCANCEL or {ok:'Foo',\n                                   cancel:'Bar'}), or false to not show any buttons (defaults to false)\nclosable          Boolean          False to hide the top-right close button (defaults to true).  Note that\n                                   progress and wait dialogs will ignore this property and always hide the\n                                   close button as they can only be closed programmatically.\ncls               String           A custom CSS class to apply to the message box element\ndefaultTextHeight Number           The default height in pixels of the message box's multiline textarea if\n                                   displayed (defaults to 75)\nfn                Function         A callback function to execute after closing the dialog.  The arguments to the\n                                   function will be btn (the name of the button that was clicked, if applicable,\n                                   e.g. \"ok\"), and text (the value of the active text field, if applicable).\n                                   Progress and wait dialogs will ignore this option since they do not respond to\n                                   user actions and can only be closed programmatically, so any required function\n                                   should be called by the same code after it closes the dialog.\nicon              String           A CSS class that provides a background image to be used as an icon for\n                                   the dialog (e.g., Roo.MessageBox.WARNING or 'custom-class', defaults to '')\nmaxWidth          Number           The maximum width in pixels of the message box (defaults to 600)\nminWidth          Number           The minimum width in pixels of the message box (defaults to 100)\nmodal             Boolean          False to allow user interaction with the page while the message box is\n                                   displayed (defaults to true)\nmsg               String           A string that will replace the existing message box body text (defaults\n                                   to the XHTML-compliant non-breaking space character '&#160;')\nmultiline         Boolean          True to prompt the user to enter multi-line text (defaults to false)\nprogress          Boolean          True to display a progress bar (defaults to false)\nprogressText      String           The text to display inside the progress bar if progress = true (defaults to '')\nprompt            Boolean          True to prompt the user to enter single-line text (defaults to false)\nproxyDrag         Boolean          True to display a lightweight proxy while dragging (defaults to false)\ntitle             String           The title text\nvalue             String           The string value to set into the active textbox element if displayed\nwait              Boolean          True to display a progress bar (defaults to false)\nwidth             Number           The width of the dialog in pixels\n</pre>\n\nExample usage:\n<pre><code>\nRoo.Msg.show({\n   title: 'Address',\n   msg: 'Please enter your address:',\n   width: 300,\n   buttons: Roo.MessageBox.OKCANCEL,\n   multiline: true,\n   fn: saveAddress,\n   animEl: 'addAddressBtn'\n});\n</code></pre>",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The url for this request or a function to call to get the url",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a url encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "Configuration options",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
       },
       {
-        "name" : "mask",
+        "name" : "updateProgress",
         "type" : "function",
-        "desc" : "Puts a mask over this element to disable user interaction. Requires core.css.\nThis method can only be applied to elements which accept child nodes.",
-        "sig" : "(msg, msgCls)",
+        "desc" : "Updates a progress-style message box's text and progress bar.  Only relevant on message boxes\ninitiated via {@link Roo.MessageBox#progress} or by calling {@link Roo.MessageBox#show} with progress: true.",
+        "sig" : "(value, text)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "(optional) A message to display in the mask",
+            "name" : "value",
+            "type" : "Number",
+            "desc" : "Any number between 0 and 1 (e.g., .5)",
             "isOptional" : false
           },
           {
-            "name" : "msgCls",
+            "name" : "text",
             "type" : "String",
-            "desc" : "(optional) A css class to apply to the msg element - use no-spinner to hide the spinner on bootstrap",
+            "desc" : "(optional) If defined, the message box's body text is replaced with the specified string (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : "The mask  element"
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
       },
       {
-        "name" : "move",
+        "name" : "updateText",
         "type" : "function",
-        "desc" : "Move this element relative to its current position.",
-        "sig" : "(direction, distance, animate)",
+        "desc" : "Updates the message box body text",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "direction",
+            "name" : "text",
             "type" : "String",
-            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
-            "isOptional" : false
-          },
-          {
-            "name" : "distance",
-            "type" : "Number",
-            "desc" : "How far to move the element in pixels",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "desc" : "(optional) Replaces the message box element's innerHTML with the specified string (defaults to\nthe XHTML-compliant non-breaking space character '&amp;#160;')",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
       },
       {
-        "name" : "moveTo",
+        "name" : "wait",
         "type" : "function",
-        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(x, y, animate)",
+        "desc" : "Displays a message box with an infinitely auto-updating progress bar.  This can be used to block user\ninteraction while waiting for a long-running process to complete that does not have defined intervals.\nYou are responsible for closing the message box when the process is complete.",
+        "sig" : "(msg, title)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "X value for new position (coordinates are page-based)",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "Y value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "title",
+            "type" : "String",
+            "desc" : "(optional) The title bar text",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
           }
         ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.PagingToolbar" : {
+    "props" : [
+      {
+        "name" : "container",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "container The id or element that will contain the toolbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler (Shorthand for addListener)",
-        "sig" : "(eventName, fn, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to append",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) of the fn",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)An object with standard {@link Roo.EventManager#addListener} options",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "displayInfo",
+        "type" : "Boolean",
+        "desc" : "True to display the displayMsg (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "position",
+        "name" : "displayMsg",
+        "type" : "String",
+        "desc" : "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyMsg",
+        "type" : "String",
+        "desc" : "The message to display when no records are found (defaults to \"No data to display\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "items",
+        "type" : "Array",
+        "desc" : "array of button configs or elements to add (will be converted to a MixedCollection)",
+        "memberOf" : "Roo.Toolbar",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pageSize",
+        "type" : "Number",
+        "desc" : "The number of records to display per page (defaults to 20)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "text",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "Roo.Toolbar",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "add",
         "type" : "function",
-        "desc" : "Initializes positioning on this element. If a desired position is not passed, it will make the\nthe element positioned relative IF it is not already positioned.",
-        "sig" : "(pos, zIndex, x, y)",
+        "desc" : "Adds element(s) to the toolbar -- this function takes a variable number of \narguments of mixed type and adds them to the toolbar.",
+        "sig" : "(arg1, arg2)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "pos",
-            "type" : "String",
-            "desc" : "(optional) Positioning to use \"relative\", \"absolute\" or \"fixed\"",
-            "isOptional" : false
-          },
-          {
-            "name" : "zIndex",
-            "type" : "Number",
-            "desc" : "(optional) The zIndex to apply",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "(optional) Set the page X position",
+            "name" : "arg1",
+            "type" : "Mixed",
+            "desc" : "The following types of arguments are all valid:<br />\n<ul>\n<li>{@link Roo.Toolbar.Button} config: A valid button config object (equivalent to {@link #addButton})</li>\n<li>HtmlElement: Any standard HTML element (equivalent to {@link #addElement})</li>\n<li>Field: Any form field (equivalent to {@link #addField})</li>\n<li>Item: Any subclass of {@link Roo.Toolbar.Item} (equivalent to {@link #addItem})</li>\n<li>String: Any generic string (gets wrapped in a {@link Roo.Toolbar.TextItem}, equivalent to {@link #addText}).\nNote that there are a few special strings that are treated differently as explained nRoo.</li>\n<li>'separator' or '-': Creates a separator element (equivalent to {@link #addSeparator})</li>\n<li>' ': Creates a spacer element (equivalent to {@link #addSpacer})</li>\n<li>'->': Creates a fill element (equivalent to {@link #addFill})</li>\n</ul>",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "(optional) Set the page Y position",
+            "name" : "arg2",
+            "type" : "Mixed",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "query",
+        "name" : "addButton",
         "type" : "function",
-        "desc" : "Selects child nodes based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector)",
+        "desc" : "Adds a button (or buttons). See {@link Roo.Toolbar.Button} for more info on the config.",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The CSS selector",
+            "name" : "config",
+            "type" : "Object/Array",
+            "desc" : "A button config or array of configs",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "An array of the matched nodes"
+            "type" : "Roo.Toolbar.Button/Array",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "radioClass",
+        "name" : "addDom",
         "type" : "function",
-        "desc" : "Adds one or more CSS classes to this element and removes the same class(es) from all siblings.",
-        "sig" : "(className)",
+        "desc" : "Adds a new element to the toolbar from the passed {@link Roo.DomHelper} config.",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String/Array",
-            "desc" : "The CSS class to add, or an array of classes",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Removes this element from the DOM and deletes it from the cache",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "removeAllListeners",
-        "type" : "function",
-        "desc" : "Removes all previous added listeners from this element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The element's item"
           }
         ]
       },
       {
-        "name" : "removeClass",
+        "name" : "addElement",
         "type" : "function",
-        "desc" : "Removes one or more CSS classes from the element.",
-        "sig" : "(className)",
+        "desc" : "Adds any standard HTML element to the toolbar",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String/Array",
-            "desc" : "The CSS class to remove, or an array of classes",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element or id of the element to add",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The element's item"
           }
         ]
       },
       {
-        "name" : "removeListener",
+        "name" : "addField",
         "type" : "function",
-        "desc" : "Removes an event handler from this element",
-        "sig" : "(eventName, fn, scope)",
+        "desc" : "Adds a dynamically rendered Roo.form field (TextField, ComboBox, etc).\nNote: the field should not have been rendered yet. For a field that has already been\nrendered, use {@link #addElement}.",
+        "sig" : "(field)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "the type of event to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "the method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Function",
-            "desc" : "(needed for svg fake listeners)",
+            "name" : "field",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.ToolbarItem",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "repaint",
+        "name" : "addFill",
         "type" : "function",
-        "desc" : "Forces the browser to repaint this element",
+        "desc" : "Adds a fill element that forces subsequent additions to the right side of the toolbar",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.Toolbar.Fill",
+            "desc" : "The fill item"
           }
         ]
       },
       {
-        "name" : "replace",
+        "name" : "addItem",
         "type" : "function",
-        "desc" : "Replaces the passed element with this element",
-        "sig" : "(el)",
+        "desc" : "Adds any Toolbar.Item or subclass",
+        "sig" : "(item)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to replace",
+            "name" : "item",
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The item"
           }
         ]
       },
       {
-        "name" : "replaceClass",
+        "name" : "addSeparator",
         "type" : "function",
-        "desc" : "Replaces a CSS class on the element with another.  If the old name does not exist, the new name will simply be added.",
-        "sig" : "(oldClassName, newClassName)",
+        "desc" : "Adds a separator",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "oldClassName",
-            "type" : "String",
-            "desc" : "The CSS class to replace",
-            "isOptional" : false
-          },
-          {
-            "name" : "newClassName",
-            "type" : "String",
-            "desc" : "The replacement CSS class",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The separator item"
           }
         ]
       },
       {
-        "name" : "scroll",
+        "name" : "addSpacer",
         "type" : "function",
-        "desc" : "Scrolls this element the specified direction. Does bounds checking to make sure the scroll is\nwithin this element's scrollable range.",
-        "sig" : "(direction, distance, animate)",
+        "desc" : "Adds a spacer element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "direction",
-            "type" : "String",
-            "desc" : "Possible values are: \"l\",\"left\" - \"r\",\"right\" - \"t\",\"top\",\"up\" - \"b\",\"bottom\",\"down\".",
-            "isOptional" : false
-          },
-          {
-            "name" : "distance",
-            "type" : "Number",
-            "desc" : "How far to scroll the element in pixels",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "Returns true if a scroll was triggered or false if the element\nwas scrolled as far as it could go."
+            "type" : "Roo.Toolbar.Spacer",
+            "desc" : "The spacer item"
           }
         ]
       },
       {
-        "name" : "scrollIntoView",
+        "name" : "addText",
         "type" : "function",
-        "desc" : "Scrolls this element into view within the passed container.",
-        "sig" : "(container, hscroll)",
+        "desc" : "Adds text to the toolbar",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The container element to scroll (defaults to document.body)",
-            "isOptional" : false
-          },
-          {
-            "name" : "hscroll",
-            "type" : "Boolean",
-            "desc" : "(optional) False to disable horizontal scroll (defaults to true)",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to add",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The element's item"
           }
         ]
       },
       {
-        "name" : "scrollTo",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Scrolls this element the specified scroll point. It does NOT do bounds checking so if you scroll to a weird value it will try to do it. For auto bounds checking, use scroll().",
-        "sig" : "(side, value, animate)",
+        "desc" : "Add an Xtype element",
+        "sig" : "(xtype)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "side",
-            "type" : "String",
-            "desc" : "Either \"left\" for scrollLeft values or \"top\" for scrollTop values.",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Number",
-            "desc" : "The new scroll value",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "xtype",
+            "type" : "Object",
+            "desc" : "Xtype Object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : "this"
+            "type" : "Object",
+            "desc" : "created Object"
           }
         ]
       },
       {
-        "name" : "select",
+        "name" : "bind",
         "type" : "function",
-        "desc" : "Creates a {@link Roo.CompositeElement} for child nodes based on the passed CSS selector (the selector should not contain an id).",
-        "sig" : "(selector, unique)",
+        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The CSS selector",
-            "isOptional" : false
-          },
-          {
-            "name" : "unique",
-            "type" : "Boolean",
-            "desc" : "(optional) True to create a unique Roo.Element for each child (defaults to false, which creates a single shared flyweight object)",
+            "name" : "store",
+            "type" : "Roo.data.Store",
+            "desc" : "The data store to bind",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "CompositeElement/CompositeElementLite",
-            "desc" : "The composite element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "set",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Sets the passed attributes as attributes of this element (a style attribute can be a string, object or function)",
-        "sig" : "(o, useSet)",
+        "desc" : "Returns the Element for this toolbar.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The object with the attributes",
-            "isOptional" : false
-          },
-          {
-            "name" : "useSet",
-            "type" : "Boolean",
-            "desc" : "(optional) false to override the default setAttribute to use expandos.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "this"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "setBottom",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Sets the element's CSS bottom style.",
-        "sig" : "(bottom)",
+        "desc" : "Hide the toolbar",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "bottom",
-            "type" : "String",
-            "desc" : "The bottom CSS property value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setBounds",
+        "name" : "insertButton",
         "type" : "function",
-        "desc" : "Sets the element's position and size in one shot. If animation is true then width, height, x and y will be animated concurrently.",
-        "sig" : "(x, y, width, height, animate)",
+        "desc" : "Inserts any {@link Roo.Toolbar.Item}/{@link Roo.Toolbar.Button} at the specified index.",
+        "sig" : "(index, item)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "X value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "Y value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
+            "name" : "index",
             "type" : "Number",
-            "desc" : "The new height",
+            "desc" : "The index where the item is to be inserted",
             "isOptional" : false
           },
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "item",
+            "type" : "Object/Roo.Toolbar.Item/Roo.Toolbar.Button (may be Array)",
+            "desc" : "The button, or button config object to be inserted.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Roo.Toolbar.Button/Item",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "setBox",
+        "name" : "onClick",
         "type" : "function",
-        "desc" : "Sets the element's box. Use getBox() on another element to get a box obj. If animate is true then width, height, x and y will be animated concurrently.",
-        "sig" : "(box, adjust, animate)",
+        "desc" : "event that occurs when you click on the navigation buttons - can be used to trigger load of a grid.",
+        "sig" : "(which)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "The box to fill {x, y, width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjust",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to adjust for box-model issues automatically",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "which",
+            "type" : "String",
+            "desc" : "(first|prev|next|last|refresh)  which button to press.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setDisplayed",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Sets the CSS display property. Uses originalDisplay if the specified value is a boolean true.",
-        "sig" : "(value)",
+        "desc" : "Show the toolbar",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.Toolbar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean",
-            "desc" : "Boolean value to display the element using its default display, or a string to set the display directly",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setHeight",
+        "name" : "unbind",
         "type" : "function",
-        "desc" : "Set the height of the element",
-        "sig" : "(height, animate)",
+        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "store",
+            "type" : "Roo.data.Store",
+            "desc" : "The data store to unbind",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.Toolbar.Item",
+      "Roo.Toolbar.Fill",
+      "Roo.Toolbar.Separator",
+      "Roo.Toolbar.Spacer",
+      "Roo.Toolbar.TextItem",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton",
+      "Roo.form.Field",
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TriggerField"
+    ],
+    "tree_parent" : []
+  },
+  "Roo.QuickTips" : {
+    "props" : [
+      {
+        "name" : "Delay",
+        "type" : "Number",
+        "desc" : "in milliseconds before the quick tip hides when autoDismiss = true (defaults to 5000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setLeft",
+        "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" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "True to turn on fade animation. Defaults to false (ClearType/scrollbar flicker issues in IE7).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "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" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the base quick tip element (defaults to '').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Delay in milliseconds before the quick tip hides when autoHide = true (defaults to 200)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the quick tip if the user clicks anywhere in the document (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "interceptTitles",
+        "type" : "Boolean",
+        "desc" : "True to automatically use the element's DOM title value if available (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxWidth",
+        "type" : "Number",
+        "desc" : "The maximum width of the quick tip (defaults to 300)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the quick tip (defaults to 40)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showDelay",
+        "type" : "Number",
+        "desc" : "Delay in milliseconds before the quick tip displays after the mouse enters the target element (defaults to 500)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "Body text to display (defaults to '').  This can be any valid HTML markup.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "Title text to display (defaults to '').  This can be any valid HTML markup.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "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" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "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" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Sets the element's left position directly using CSS style (instead of {@link #setX}).",
-        "sig" : "(left)",
+        "desc" : "Disable this quick tip.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "String",
-            "desc" : "The left CSS property value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setLeftTop",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Quick set left and top adding default units",
-        "sig" : "(left, top)",
+        "desc" : "Enable this quick tip.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "String",
-            "desc" : "The left CSS property value",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "String",
-            "desc" : "The top CSS property value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setLocation",
+        "name" : "init",
         "type" : "function",
-        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(x, y, animate)",
+        "desc" : "Initialize and enable QuickTips for first use.  This should be called once before the first attempt to access\nor display QuickTips in a page.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "X value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "Y value for new position (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setOpacity",
+        "name" : "isEnabled",
         "type" : "function",
-        "desc" : "Set the opacity of the element",
-        "sig" : "(opacity, animate)",
+        "desc" : "Returns true if the quick tip is enabled, else false.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "opacity",
-            "type" : "Float",
-            "desc" : "The new opacity. 0 = transparent, .5 = 50% visibile, 1 = fully visible, etc",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setPositioning",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Set positioning with an object returned by getPositioning().",
-        "sig" : "(posCfg)",
+        "desc" : "Configures a new quick tip instance and assigns it to a target element.  The following config options\nare supported:\n<pre>\nProperty    Type                   Description\n----------  ---------------------  ------------------------------------------------------------------------\ntarget      Element/String/Array   An Element, id or array of ids that this quick tip should be tied to\n</ul>",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "posCfg",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "",
+            "desc" : "The config object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setRegion",
+        "name" : "unregister",
         "type" : "function",
-        "desc" : "Sets the element's position and size the the specified region. If animation is true then width, height, x and y will be animated concurrently.",
-        "sig" : "(region, animate)",
+        "desc" : "Removes this quick tip from its element and destroys it.",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.lib.Region",
-            "desc" : "The region to fill",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element from which the quick tip is to be removed.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Resizable" : {
+    "props" : [
+      {
+        "name" : "adjustments",
+        "type" : "Array/String",
+        "desc" : "String \"auto\" or an array [width, height] with values to be <b>added</b> to the\nresize operation's new size (defaults to [0, 0])",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setRight",
-        "type" : "function",
-        "desc" : "Sets the element's CSS right style.",
-        "sig" : "(right)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "right",
-            "type" : "String",
-            "desc" : "The right CSS property value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "True to animate the resize (not compatible with dynamic sizing, defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setSize",
-        "type" : "function",
-        "desc" : "Set the size of the element. If animation is true, both width an height will be animated concurrently.",
-        "sig" : "(width, height, animate)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "name" : "constrainTo",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "Constrain the resize to a particular element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setStyle",
-        "type" : "function",
-        "desc" : "Wrapper for setting style properties, also takes single object parameter of multiple styles.",
-        "sig" : "(property, value)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
+        "name" : "disableTrackOver",
+        "type" : "Boolean",
+        "desc" : "True to disable mouse tracking. This is only applied at config time. (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "draggable",
+        "type" : "Boolean",
+        "desc" : "Convenience to initialize drag drop (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "duration",
+        "type" : "Number",
+        "desc" : "Animation duration if animate = true (defaults to .35)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dynamic",
+        "type" : "Boolean",
+        "desc" : "True to resize the element while dragging instead of using a proxy (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "easing",
+        "type" : "String",
+        "desc" : "Animation easing if animate = true (defaults to 'easingOutStrong')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enabled",
+        "type" : "Boolean",
+        "desc" : "False to disable resizing (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handles",
+        "type" : "String",
+        "desc" : "String consisting of the resize handles to display (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "The height of the element in pixels (defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "heightIncrement",
+        "type" : "Number",
+        "desc" : "The increment to snap the height resize in pixels (dynamic must be true, defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height for the element (defaults to 10000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxWidth",
+        "type" : "Number",
+        "desc" : "The maximum width for the element (defaults to 10000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minHeight",
+        "type" : "Number",
+        "desc" : "The minimum height for the element (defaults to 5)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width for the element (defaults to 5)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minX",
+        "type" : "Number",
+        "desc" : "The minimum allowed page X for the element (only used for west resizing, defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minY",
+        "type" : "Number",
+        "desc" : "The minimum allowed page Y for the element (only used for north resizing, defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "multiDirectional",
+        "type" : "Boolean",
+        "desc" : "<b>Deprecated</b>.  The old style of adding multi-direction resize handles, deprecated\nin favor of the handles config option (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pinned",
+        "type" : "Boolean",
+        "desc" : "True to ensure that the resize handles are always visible, false to display them only when the\nuser mouses over the resizable borders. This is only applied at config time. (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preserveRatio",
+        "type" : "Boolean",
+        "desc" : "True to preserve the original ratio between height and width during resize (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizeChild",
+        "type" : "Boolean/String/Element",
+        "desc" : "True to resize the first child, or id/element to resize (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizeRegion",
+        "type" : "Roo.lib.Region",
+        "desc" : "Constrain the resize to a particular region",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "transparent",
+        "type" : "Boolean",
+        "desc" : "True for transparent handles. This is only applied at config time. (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "The width of the element in pixels (defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "widthIncrement",
+        "type" : "Number",
+        "desc" : "The increment to snap the width resize in pixels (dynamic must be true, defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "wrap",
+        "type" : "Boolean",
+        "desc" : "True to wrap an element with a div if needed (required for textareas and images, defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforeresize",
+        "type" : "function",
+        "desc" : "Fired before resize is allowed. Set enabled to false to cancel resize.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
         "params" : [
           {
-            "name" : "property",
-            "type" : "String/Object",
-            "desc" : "The style property to be set, or an object of multiple styles.",
+            "name" : "this",
+            "type" : "Roo.Resizable",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "(optional) The value to apply to the given property, or null if an object was passed.",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The mousedown event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setTop",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Sets the element's top position directly using CSS style (instead of {@link #setY}).",
-        "sig" : "(top)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fired after a resize.",
+        "sig" : "function (_self, width, height, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "top",
-            "type" : "String",
-            "desc" : "The top CSS property value",
+            "name" : "this",
+            "type" : "Roo.Resizable",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The mouseup event",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "resizing",
+        "type" : "function",
+        "desc" : "Fired a resizing.",
+        "sig" : "function (_self, x, y, w, h, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.Resizable",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          },
+          {
+            "name" : "w",
+            "type" : "Number",
+            "desc" : "The new w width",
+            "isOptional" : false
+          },
+          {
+            "name" : "h",
+            "type" : "Number",
+            "desc" : "The new h hight",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The mouseup event",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "setVisibilityMode",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Sets the element's visibility mode. When setVisible() is called it\nwill use this to determine whether to set the visibility or the display property.",
-        "sig" : "(visMode)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visMode",
-            "type" : "",
-            "desc" : "Element.VISIBILITY or Element.DISPLAY",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Sets the visibility of the element (see details). If the visibilityMode is set to Element.DISPLAY, it will use\nthe display property to hide the element, otherwise it uses visibility. The default is to hide and show using the visibility property.",
-        "sig" : "(visible, animate)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "Whether the element is visible",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setWidth",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Set the width of the element",
-        "sig" : "(width, animate)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setX",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Sets the X position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(The, animate)",
+        "desc" : "Destroys this resizable. If the element was wrapped and\nremoveEl is not true then the element remains.",
+        "sig" : "(removeEl)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "The",
-            "type" : "Number",
-            "desc" : "X position of the element",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "(optional) true to remove the element from the DOM",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setXY",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Sets the position of the element in page coordinates, regardless of how the element is positioned.\nThe element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(pos, animate)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "pos",
-            "type" : "Array",
-            "desc" : "Contains X & Y [x, y] values for new position (coordinates are page-based)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "setY",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Sets the Y position of the element based on page coordinates.  Element must be part of the DOM tree to have page coordinates (display:none or elements not appended return false).",
-        "sig" : "(The, animate)",
+        "desc" : "Returns the element this component is bound to.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "The",
-            "type" : "Number",
-            "desc" : "Y position of the element",
-            "isOptional" : false
-          },
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "this"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "setZIndex",
+        "name" : "getResizeChild",
         "type" : "function",
-        "desc" : "Sets the z-index of this layer and adjusts any shadow and shim z-indexes. The layer z-index is automatically\nincremented by two more than the value passed in so that it always shows above any shadow or shim (the shadow\nelement, if any, will be assigned z-index + 1, and the shim element, if any, will be assigned the unmodified z-index).",
-        "sig" : "(zindex)",
+        "desc" : "Returns the resizeChild element (or null).",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "zindex",
-            "type" : "Number",
-            "desc" : "The new z-index to set",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "this",
-            "desc" : "The Layer"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Show this element - Uses display mode to determine whether to use \"display\" or \"visibility\". See {@link #setVisible}.",
-        "sig" : "(animate)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) true for the default animation or a standard Element animation config object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "swallowEvent",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Stops the specified event from bubbling and optionally prevents the default action",
-        "sig" : "(eventName, preventDefault)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "preventDefault",
-            "type" : "Boolean",
-            "desc" : "(optional) true to prevent the default action too",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Toggles the element's visibility or display, depending on visibility mode.",
-        "sig" : "(animate)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "animate",
-            "type" : "Boolean/Object",
-            "desc" : "(optional) True for the default animation, or a standard Element animation config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "toggleClass",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Toggles the specified CSS class on this element (removes it if it already exists, otherwise adds it).",
-        "sig" : "(className)",
-        "static" : false,
-        "memberOf" : "Roo.Element",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "className",
-            "type" : "String",
-            "desc" : "The CSS class to toggle",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "translatePoints",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Translates the passed page coordinates into left/top css values for this element",
-        "sig" : "(x, y)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number/Array",
-            "desc" : "The page x or an array containing [x, y]",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The page y",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "An object with left and top properties. e.g. {left: (value), top: (value)}"
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Removes an event handler from this element (shorthand for removeListener)",
-        "sig" : "(eventName, fn)",
+        "desc" : "Perform a manual resize",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "the type of event to remove",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "the method the event invokes",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "unclip",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Return clipping (overflow) to original clipping before clip() was called",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Shadow" : {
+    "props" : [
+      {
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "The shadow display mode.  Supports the following options:<br />\nsides: Shadow displays on both sides and bottom only<br />\nframe: Shadow displays equally on all four sides<br />\ndrop: Traditional bottom-right drop shadow (default)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "unmask",
+        "name" : "offset",
+        "type" : "String",
+        "desc" : "The number of pixels to offset the shadow from the element (defaults to 4)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Removes a previously applied mask. If removeEl is true the mask overlay is destroyed, otherwise\nit is cached for reuse.",
+        "desc" : "Hides this shadow",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "unselectable",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Disables text selection for this element (normalized across browsers)",
+        "desc" : "Returns true if the shadow is visible, else false",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "up",
+        "name" : "realign",
         "type" : "function",
-        "desc" : "Walks up the dom looking for a parent node that matches the passed simple selector (e.g. div.some-class or span:first-child).\nThis is a shortcut for findParentNode() that always returns an Roo.Element.",
-        "sig" : "(selector, maxDepth)",
+        "desc" : "Direct alignment when values are already available. Show must be called at least once before\ncalling this method to ensure it is initialized.",
+        "sig" : "(left, top, width, height)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selector",
-            "type" : "String",
-            "desc" : "The simple selector to test",
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The target element left position",
             "isOptional" : false
           },
           {
-            "name" : "maxDepth",
-            "type" : "Number/String/HTMLElement/Element",
-            "desc" : "(optional) The max depth to\n                search as a number or element (defaults to 10 || document.body)",
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The target element top position",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The matching DOM node (or null if no match was found)"
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The target element width",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The target element height",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "update",
+        "name" : "setZIndex",
         "type" : "function",
-        "desc" : "Update the innerHTML of this element, optionally searching for and processing scripts",
-        "sig" : "(html, loadScripts, callback)",
+        "desc" : "Adjust the z-index of this shadow",
+        "sig" : "(zindex)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "The new HTML",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "For async script loading you can be noticed when the update completes",
+            "name" : "zindex",
+            "type" : "Number",
+            "desc" : "The new z-index",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "wrap",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Creates and wraps this element with another element",
-        "sig" : "(config, returnDom)",
+        "desc" : "Displays the shadow under the target element",
+        "sig" : "(targetEl)",
         "static" : false,
-        "memberOf" : "Roo.Element",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "(optional) DomHelper element config object for the wrapper element or null for an empty div",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnDom",
-            "type" : "Boolean",
-            "desc" : "(optional) True to return the raw DOM element instead of Roo.Element",
+            "name" : "targetEl",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id or element under which the shadow should display",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Element",
-            "desc" : "The newly created wrapper element"
-          }
-        ]
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.LayoutDialog" : {
+  "Roo.SplitBar" : {
     "props" : [
-      {
-        "name" : "animateTarget",
-        "type" : "String/Element",
-        "desc" : "Id or element from which the dialog should animate while opening\n(defaults to null with no animation)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/DomHelper",
-        "desc" : "True to auto create from scratch, or using a DomHelper Object (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to allow the dialog body contents to overflow and display scrollbars (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "autoTabs",
-        "type" : "Boolean",
-        "desc" : "If true, all elements with class 'x-dlg-tab' will get automatically converted to tabs (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "buttonAlign",
-        "type" : "String",
-        "desc" : "Valid values are \"left,\" \"center\" and \"right\" (defaults to \"right\")",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "buttons",
-        "type" : "Array",
-        "desc" : "Array of buttons",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "buttons[]",
-        "type" : "Roo.Button",
-        "desc" : "Bottom buttons..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "center",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "False to remove the built-in top-right corner close button (defaults to true)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "collapsible",
-        "type" : "Boolean",
-        "desc" : "False to remove the built-in top-right corner collapse button (defaults to true)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "constraintoviewport",
-        "type" : "Boolean",
-        "desc" : "True to keep the dialog constrained within the visible viewport boundaries (defaults to true)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "draggable",
-        "type" : "Boolean",
-        "desc" : "False to disable dragging of the dialog within the viewport (defaults to true)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "east",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fixedcenter",
-        "type" : "Boolean",
-        "desc" : "True to ensure that anytime the dialog is shown or resized it gets centered (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "Height of the dialog in pixels (can also be set via CSS).  Determined by browser if unspecified.",
-        "memberOf" : "Roo.BasicDialog"
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "minButtonWidth",
-        "type" : "Number",
-        "desc" : "Minimum width of all dialog buttons (defaults to 75)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "minHeight",
-        "type" : "Number",
-        "desc" : "The minimum allowable height for a resizable dialog (defaults to 80)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum allowable width for a resizable dialog (defaults to 200)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "modal",
-        "type" : "Boolean",
-        "desc" : "True to show the dialog modally, preventing user interaction with the rest of the page (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "north",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "proxyDrag",
-        "type" : "Boolean",
-        "desc" : "True to drag a lightweight proxy element rather than the dialog itself, used when\ndraggable = true (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "resizable",
-        "type" : "Boolean",
-        "desc" : "False to disable manual dialog resizing (defaults to true)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "resizeHandles",
-        "type" : "String",
-        "desc" : "Which resize handles to display - see the {@link Roo.Resizable} handles config\nproperty for valid values (defaults to 'all')",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right\nshadow (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "shadowOffset",
-        "type" : "Number",
-        "desc" : "The number of pixels to offset the shadow if displayed (defaults to 5)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "shim",
-        "type" : "Boolean",
-        "desc" : "True to create an iframe shim that prevents selects from showing through (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "south",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "syncHeightBeforeShow",
-        "type" : "Boolean",
-        "desc" : "True to cause the dimensions to be recalculated before the dialog is shown (defaults to false)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "tabTag",
-        "type" : "String",
-        "desc" : "The tag name of tab elements, used when autoTabs = true (defaults to 'div')",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "Default text to display in the title bar (defaults to null)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "west",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "Width of the dialog in pixels (can also be set via CSS).  Determined by browser if unspecified.",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "x",
-        "type" : "Number",
-        "desc" : "The default left page coordinate of the dialog (defaults to center screen)",
-        "memberOf" : "Roo.BasicDialog"
-      },
-      {
-        "name" : "y",
-        "type" : "Number",
-        "desc" : "The default top page coordinate of the dialog (defaults to center screen)",
-        "memberOf" : "Roo.BasicDialog"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforehide",
+        "name" : "beforeresize",
         "type" : "function",
-        "desc" : "Fires before this dialog is hidden.",
+        "desc" : "Fires before the splitter is dragged",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.BasicDialog",
+            "type" : "Roo.SplitBar",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "moved",
         "type" : "function",
-        "desc" : "Fires before this dialog is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicDialog",
+        "desc" : "Fires when the splitter is moved",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.BasicDialog",
+            "type" : "Roo.SplitBar",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "the new width or height",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires when this dialog is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicDialog",
+        "desc" : "Fires when the splitter is moved (alias for {@link #event-moved})",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.BasicDialog",
+            "type" : "Roo.SplitBar",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keydown",
-        "type" : "function",
-        "desc" : "Fires when a key is pressed",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.BasicDialog",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.BasicDialog",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "move",
-        "type" : "function",
-        "desc" : "Fires when this dialog is moved by the user.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BasicDialog",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.BasicDialog",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new page X",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new page Y",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fires when this dialog is resized by the user.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
-        "memberOf" : "Roo.BasicDialog",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.BasicDialog",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
-            "isOptional" : false
           },
           {
-            "name" : "height",
+            "name" : "newSize",
             "type" : "Number",
-            "desc" : "The new height",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires when this dialog is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicDialog",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.BasicDialog",
-            "desc" : "",
+            "desc" : "the new width or height",
             "isOptional" : false
           }
         ],
       }
     ],
     "methods" : [
-      {
-        "name" : "addButton",
-        "type" : "function",
-        "desc" : "Adds a button to the footer section of the dialog.",
-        "sig" : "(config, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "String/Object",
-            "desc" : "A string becomes the button text, an object can either be a Button config\nobject or a valid Roo.DomHelper element config",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The function called when the button is clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the handler function (accepts position as a property)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Button",
-            "desc" : "The new button"
-          }
-        ]
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "addKeyListener",
-        "type" : "function",
-        "desc" : "Adds a key listener for when this dialog is displayed.  This allows you to hook in a function that will be\nexecuted in response to a particular key being pressed while the dialog is active.",
-        "sig" : "(key, fn, scope)",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "key",
-            "type" : "Number/Array/Object",
-            "desc" : "Either the numeric key code, array of key codes or an object with the following options:\n                                 {key: (number or array), shift: (true/false), ctrl: (true/false), alt: (true/false)}",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "addListener",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "addxtype",
-        "type" : "function",
-        "desc" : "Add an xtype element (actually adds to the layout.)",
-        "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" : "xdata xtype object data."
-          }
-        ]
-      },
-      {
-        "name" : "alignTo",
-        "type" : "function",
-        "desc" : "Aligns the dialog to the specified element",
-        "sig" : "(element, position, offsets)",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details).",
-            "isOptional" : false
-          },
-          {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "anchorTo",
-        "type" : "function",
-        "desc" : "Anchors an element to another element and realigns it when the window is resized.",
-        "sig" : "(element, position, offsets, monitorScroll)",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to.",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details)",
-            "isOptional" : false
-          },
-          {
-            "name" : "offsets",
-            "type" : "Array",
-            "desc" : "(optional) Offset the positioning by [x, y]",
-            "isOptional" : false
-          },
-          {
-            "name" : "monitorScroll",
-            "type" : "Boolean/Number",
-            "desc" : "(optional) true to monitor body scroll and reposition. If this parameter\nis a number, it is used as the buffer delay (defaults to 50ms).",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "beginUpdate",
-        "type" : "function",
-        "desc" : "Begins an update of the layout <strike>and sets display to block and visibility to hidden</strike>. Use standard beginUpdate/endUpdate on the layout.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "This has been deprecated: ",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "center",
-        "type" : "function",
-        "desc" : "Centers this dialog in the viewport",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapses the dialog to its minimized state (only the title bar is visible).\nEquivalent to the user clicking the collapse dialog button.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this dialog and all its supporting elements (including any tabs, shim,\nshadow, proxy, mask, etc.)  Also removes all event listeners.",
+        "desc" : "Destroy this splitbar.",
         "sig" : "(removeEl)",
         "static" : false,
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "removeEl",
             "type" : "Boolean",
-            "desc" : "(optional) true to remove the element from the DOM",
+            "desc" : "True to remove the element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "endUpdate",
-        "type" : "function",
-        "desc" : "Ends update of the layout <strike>and resets display to none</strike>. Use standard beginUpdate/endUpdate on the layout.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "This has been deprecated: ",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expands a collapsed dialog back to its normal state.  Equivalent to the user\nclicking the expand dialog button.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Focuses the dialog.  If a defaultButton is set, it will receive focus, otherwise the\ndialog itself will receive focus.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "getEl",
+        "name" : "getAdapter",
         "type" : "function",
-        "desc" : "Returns the element for this dialog",
+        "desc" : "Get the adapter this SplitBar uses",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The underlying dialog Element"
+            "type" : "",
+            "desc" : "The adapter object"
           }
         ]
       },
       {
-        "name" : "getLayout",
+        "name" : "getMaximumSize",
         "type" : "function",
-        "desc" : "Get the BorderLayout for this dialog",
+        "desc" : "Gets the maximum size for the resizing element",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BorderLayout",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The maximum size"
           }
         ]
       },
       {
-        "name" : "getTabs",
+        "name" : "getMinimumSize",
         "type" : "function",
-        "desc" : "Returns the TabPanel component (creates it if it doesn't exist).\nNote: If you wish to simply check for the existence of tabs without creating them,\ncheck for a null 'tabs' property.",
+        "desc" : "Gets the minimum size for the resizing element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanel",
-            "desc" : "The tabs component"
+            "type" : "Number",
+            "desc" : "The minimum size"
           }
         ]
       },
           }
         ]
       },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hides the dialog.",
-        "sig" : "(callback)",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Function to call when the dialog is hidden",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "initTabs",
-        "type" : "function",
-        "desc" : "Reinitializes the tabs component, clearing out old tabs and finding new ones.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.TabPanel",
-            "desc" : "The tabs component"
-          }
-        ]
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if the dialog is visible",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "moveTo",
-        "type" : "function",
-        "desc" : "Moves the dialog's top-left corner to the specified point",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "setAdapter",
         "type" : "function",
-        "desc" : "Resizes the dialog.",
-        "sig" : "(width, height)",
+        "desc" : "Set the adapter this SplitBar uses",
+        "sig" : "(adapter)",
         "static" : false,
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "adapter",
+            "type" : "Object",
+            "desc" : "A SplitBar adapter object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "restoreState",
-        "type" : "function",
-        "desc" : "Restores the previous state of the dialog if Roo.state is configured.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setContentSize",
+        "name" : "setCurrentSize",
         "type" : "function",
-        "desc" : "Resizes the dialog to fit the specified content size.",
-        "sig" : "(width, height)",
+        "desc" : "Sets the initialize size for the resizing element",
+        "sig" : "(size)",
         "static" : false,
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
+            "name" : "size",
             "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "setDefaultButton",
-        "type" : "function",
-        "desc" : "Sets the default button to be focused when the dialog is displayed.",
-        "sig" : "(btn)",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "btn",
-            "type" : "Roo.BasicDialog.Button",
-            "desc" : "The button object returned by {@link #addButton}",
+            "desc" : "The initial size",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "setMaximumSize",
         "type" : "function",
-        "desc" : "Sets the dialog title text",
-        "sig" : "(text)",
+        "desc" : "Sets the maximum size for the resizing element",
+        "sig" : "(maxSize)",
         "static" : false,
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The title text to display",
+            "name" : "maxSize",
+            "type" : "Number",
+            "desc" : "The maximum size",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setMinimumSize",
         "type" : "function",
-        "desc" : "Shows the dialog.",
-        "sig" : "(animateTarget)",
+        "desc" : "Sets the minimum size for the resizing element",
+        "sig" : "(minSize)",
         "static" : false,
-        "memberOf" : "Roo.BasicDialog",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "animateTarget",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "(optional) Reset the animation target",
+            "name" : "minSize",
+            "type" : "Number",
+            "desc" : "The minimum size",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "toBack",
-        "type" : "function",
-        "desc" : "Sends this dialog to the back (under) of any other visible dialogs",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "toFront",
-        "type" : "function",
-        "desc" : "Brings this dialog to the front of any other visible dialogs",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BasicDialog",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "un",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.ContentPanel",
-      "Roo.GridPanel",
-      "Roo.NestedLayoutPanel",
-      "Roo.TreePanel"
-    ],
-    "tree_parent" : [
-      "builder",
-      "none"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.LayoutManager" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "layout",
-        "type" : "function",
-        "desc" : "Fires when a layout is performed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutManager",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "regioncollapsed",
-        "type" : "function",
-        "desc" : "Fires when a region is collapsed.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The collapsed region",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "regionexpanded",
-        "type" : "function",
-        "desc" : "Fires when a region is expanded.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The expanded region",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "regionresized",
-        "type" : "function",
-        "desc" : "Fires when the user resizes a region.",
-        "sig" : "function (region, newSize)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The resized region",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
+  "Roo.SplitBar.AbsoluteLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
     "methods" : [
       {
-        "name" : "addEvents",
+        "name" : "getElementSize",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.SplitBar.BasicLayoutAdapter",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "s",
+            "type" : "Roo.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "setElementSize",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Called after drag operations to set the size of the resizing element.",
+        "sig" : "(s, newSize, onComplete)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.SplitBar.BasicLayoutAdapter",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "s",
+            "type" : "Roo.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size to set",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "onComplete",
+            "type" : "Function",
+            "desc" : "A function to be invoked when resizing is complete",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.SplitBar.BasicLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "beginUpdate",
+        "name" : "getElementSize",
         "type" : "function",
-        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "s",
+            "type" : "Roo.SplitBar",
+            "desc" : "The SplitBar using this adapter",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "setElementSize",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Called after drag operations to set the size of the resizing element.",
+        "sig" : "(s, newSize, onComplete)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "s",
+            "type" : "Roo.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size to set",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "onComplete",
+            "type" : "Function",
+            "desc" : "A function to be invoked when resizing is complete",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.SplitBar.AbsoluteLayoutAdapter"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.SplitButton" : {
+    "props" : [
+      {
+        "name" : "arrowHandler",
+        "type" : "Function",
+        "desc" : "A function called when the arrow button is clicked (can be used instead of click event)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "endUpdate",
-        "type" : "function",
-        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
-        "sig" : "(noLayout)",
-        "static" : false,
+        "name" : "arrowTooltip",
+        "type" : "String",
+        "desc" : "The title attribute of the arrow",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "noLayout",
-            "type" : "Boolean",
-            "desc" : "true to disable a layout update",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
-      },
-      {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the Element this layout is bound to.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getRegion",
-        "type" : "function",
-        "desc" : "Returns the specified region.",
-        "sig" : "(target)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.LayoutRegion",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getViewSize",
-        "type" : "function",
-        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
-        "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 size as an object {width: (the width), height: (the height)}"
-          }
-        ]
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
-      },
-      {
-        "name" : "isUpdating",
-        "type" : "function",
-        "desc" : "Returns true if this layout is currently being updated",
-        "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" : ""
-          }
-        ]
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "clickEvent",
+        "type" : "String",
+        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the button's main element.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.BorderLayout",
-      "Roo.ReaderLayout"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.LayoutRegion" : {
-    "props" : [
-      {
-        "name" : "alwaysShowTabs",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to start disabled (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "animate",
+        "name" : "enableToggle",
         "type" : "Boolean",
-        "desc" : "True to animate expand/collapse (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoHide",
+        "name" : "handleMouseEvents",
         "type" : "Boolean",
-        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
-        "memberOf" : ""
+        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to enable overflow scrolling (defaults to false)",
-        "memberOf" : ""
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function called when the button is clicked (can be used instead of click event)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "closeOnTab",
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cmargins",
-        "type" : "Object",
-        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
-        "memberOf" : ""
+        "desc" : "True to start hidden (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "collapsed",
-        "type" : "Boolean",
-        "desc" : "True to set the initial display to collapsed (defaults to false)",
-        "memberOf" : ""
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "collapsedTitle",
+        "name" : "iconCls",
         "type" : "String",
-        "desc" : "Optional string message to display in the collapsed block of a north or south region",
-        "memberOf" : ""
+        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "collapsible",
-        "type" : "Boolean",
-        "desc" : "False to disable collapsing (defaults to true)",
-        "memberOf" : ""
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableTabTips",
-        "type" : "Boolean",
-        "desc" : "True to disable tab tooltips",
-        "memberOf" : ""
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "floatable",
-        "type" : "Boolean",
-        "desc" : "False to disable floating (defaults to true)",
-        "memberOf" : ""
+        "name" : "menuAlign",
+        "type" : "String",
+        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
+        "name" : "minWidth",
         "type" : "Number",
-        "desc" : "For North/South panels",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to start the region hidden (defaults to false)",
-        "memberOf" : ""
+        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideTabs",
+        "name" : "pressed",
         "type" : "Boolean",
-        "desc" : "True to hide the tab strip (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to start pressed (only if enableToggle = true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideWhenEmpty",
-        "type" : "Boolean",
-        "desc" : "True to hide the region when it has no panels",
-        "memberOf" : ""
+        "name" : "renderTo",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The element to append the button to",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "repeat",
+        "type" : "Boolean/Object",
+        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "margins",
+        "name" : "scope",
         "type" : "Object",
-        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minTabWidth",
-        "type" : "Number",
-        "desc" : "The minimum tab width (defaults to 40)",
-        "memberOf" : ""
+        "desc" : "The scope of the handler",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "preferredTabWidth",
+        "name" : "tabIndex",
         "type" : "Number",
-        "desc" : "The preferred tab width (defaults to 150)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "preservePanels",
-        "type" : "Boolean",
-        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "resizeTabs",
-        "type" : "Boolean",
-        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "showPin",
-        "type" : "Boolean",
-        "desc" : "True to show a pin button",
-        "memberOf" : ""
+        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "split",
-        "type" : "Boolean",
-        "desc" : "To show the splitter",
-        "memberOf" : ""
+        "name" : "template",
+        "type" : "Roo.Template",
+        "desc" : "An {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabPosition",
+        "name" : "text",
         "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : ""
+        "desc" : "The button text",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "toggleGroup",
         "type" : "String",
-        "desc" : "The title for the region (overrides panel titles)",
-        "memberOf" : ""
+        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "titlebar",
-        "type" : "Boolean",
-        "desc" : "True to display a title bar (defaults to true)",
-        "memberOf" : ""
+        "name" : "tooltip",
+        "type" : "String/Object",
+        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Boolean",
-        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
-        "memberOf" : ""
+        "name" : "tooltipType",
+        "type" : "String",
+        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "For East/West panels",
-        "memberOf" : ""
+        "name" : "type",
+        "type" : "String",
+        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforecollapse",
-        "type" : "function",
-        "desc" : "Fires when this region before collapse.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeremove",
+        "name" : "arrowclick",
         "type" : "function",
-        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
-        "sig" : "function (_self, panel, e)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires when this button's arrow is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "SplitButton",
             "desc" : "",
             "isOptional" : false
           },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
-          },
           {
             "name" : "e",
-            "type" : "Object",
-            "desc" : "The cancel event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "collapsed",
-        "type" : "function",
-        "desc" : "Fires when this region is collapsed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "expanded",
-        "type" : "function",
-        "desc" : "Fires when this region is expanded.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "invalidated",
-        "type" : "function",
-        "desc" : "Fires when the layout for this region is changed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "panelactivated",
-        "type" : "function",
-        "desc" : "Fires when a panel is activated.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The activated panel",
+            "type" : "EventObject",
+            "desc" : "The click event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paneladded",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when a panel is added.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires when this button is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "The click event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "panelremoved",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Fires when a panel is removed.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires when the mouse exits the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resized",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Fires when the user resizes this region.",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires when the mouse hovers over the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "slidehide",
-        "type" : "function",
-        "desc" : "Fires when this region slides out of view.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "slideshow",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this region is slid into view.",
+        "desc" : "Fires when the button is rendered",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "visibilitychange",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Fires when this region is shown or hidden",
-        "sig" : "function (_self, visibility)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
+        "sig" : "function (_self, pressed)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "visibility",
+            "name" : "pressed",
             "type" : "Boolean",
-            "desc" : "true or false",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       }
     ],
     "methods" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Adds the passed ContentPanel(s) to this region.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "ContentPanel...",
-            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added; null otherwise)"
-          }
-        ]
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Collapses this region.",
-        "sig" : "(skipAnim)",
+        "desc" : "Destroys this Button and removes any listeners.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Expands this region if it was previously collapsed.",
-        "sig" : "(e, skipAnim)",
+        "desc" : "Disable this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event that triggered the expand (or null if calling manually)",
-            "isOptional" : false
-          },
-          {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to expand the element without animation (if animate is true)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
         ]
       },
       {
-        "name" : "getActivePanel",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Get the active panel for this region.",
+        "desc" : "Focus the button",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The active panel or null"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the container element for this region.",
+        "desc" : "Returns the button's underlying element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getPanel",
-        "type" : "function",
-        "desc" : "Returns the panel specified or null if it's not in this region.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : ""
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "desc" : "Gets the text for this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "String",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getTabs",
-        "type" : "function",
-        "desc" : "Returns the TabPanel component used by this region",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.TabPanel",
-            "desc" : ""
+            "desc" : "The button text"
           }
         ]
       },
           }
         ]
       },
-      {
-        "name" : "hasPanel",
-        "type" : "function",
-        "desc" : "Returns true if the panel is in this region.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this region.",
+        "desc" : "Hide this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "hidePanel",
-        "type" : "function",
-        "desc" : "Hides the tab for the specified panel.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this region is currently visible.",
-        "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" : ""
-          }
-        ]
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
-        "sig" : "(panel, preservePanel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          },
-          {
-            "name" : "preservePanel",
-            "type" : "Boolean",
-            "desc" : "Overrides the config preservePanel option",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel that was removed"
-          }
-        ]
-      },
       {
         "name" : "removeListener",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "setArrowHandler",
         "type" : "function",
-        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
-        "sig" : "(newSize)",
+        "desc" : "Sets this button's arrow click handler",
+        "sig" : "(handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new width or height",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The function to call when the arrow is clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) Scope for the function passed above",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setCollapsedTitle",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
-        "sig" : "(title)",
+        "desc" : "Convenience function for boolean enable/disable",
+        "sig" : "(enabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
+            "name" : "enabled",
+            "type" : "Boolean",
+            "desc" : "True to enable, false to disable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setHandler",
         "type" : "function",
-        "desc" : "Shows this region if it was previously hidden.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets this button's click handler",
+        "sig" : "(handler, scope)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The function to call when the button is clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) Scope for the function passed above",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "setPressed",
         "type" : "function",
-        "desc" : "Shows the specified panel.",
-        "sig" : "(panelId)",
+        "desc" : "Similar to toggle, but does not trigger event.",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "[required] Force a particular state",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel, or null if a panel could not be found from panelId"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Sets this button's text",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "text",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The button text",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unhidePanel",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Unhides the tab for a previously hidden panel.",
-        "sig" : "(panel)",
+        "desc" : "Convenience function for boolean show/hide",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.SplitLayoutRegion",
-      "Roo.bootstrap.layout.Split"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.LoadMask" : {
-    "props" : [
-      {
-        "name" : "msg",
-        "type" : "String",
-        "desc" : "The text to display in a centered loading message box (defaults to 'Loading...')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "msgCls",
-        "type" : "String",
-        "desc" : "The CSS class to apply to the loading message element (defaults to \"x-mask-loading\")",
-        "memberOf" : ""
       },
       {
-        "name" : "removeMask",
-        "type" : "Boolean",
-        "desc" : "True to create a single-use mask that is automatically destroyed after loading (useful for page loads),\nFalse to persist the mask element reference for multiple uses (e.g., for paged data widgets).  Defaults to false.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "disable",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Disables the mask to prevent it from being displayed",
+        "desc" : "Show this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Enables the mask so that it can be displayed",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "(optional) Force a particular state",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.Toolbar.SplitButton"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.MasterTemplate" : {
+  "Roo.Template" : {
     "props" : [
       {
         "name" : "html",
         "type" : "String",
         "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
-        "memberOf" : "Roo.Template"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "onLoad",
         "type" : "Function",
         "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
-        "memberOf" : "Roo.Template"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "url",
         "type" : "String",
         "desc" : "The Url to load the template from. beware if you are loading from a url, the data may not be ready if you use it instantly..\n                   it should be fixed so that template is observable...",
-        "memberOf" : "Roo.Template"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [],
     "methods" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Applies the passed values to a child template.",
-        "sig" : "(name, values)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "name",
-            "type" : "String/Number",
-            "desc" : "(optional) The name or index of the child template",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Array/Object",
-            "desc" : "The values to be applied to the template",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MasterTemplate",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "addAll",
-        "type" : "function",
-        "desc" : "Alias for fill().",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "append",
         "type" : "function",
         "desc" : "Applies the supplied values to the template and appends the new node(s) to el.",
         "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Alias for {@link #applyTemplate}",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Returns an HTML fragment of this template with the specified values applied.",
         "sig" : "(values)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Compiles the template into an internal function, eliminating the RegEx overhead.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
-      {
-        "name" : "fill",
-        "type" : "function",
-        "desc" : "Applies all the passed values to a child template.",
-        "sig" : "(name, values, reset)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "name",
-            "type" : "String/Number",
-            "desc" : "(optional) The name or index of the child template",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Array",
-            "desc" : "The values to be applied to the template, this should be an array of objects.",
-            "isOptional" : false
-          },
-          {
-            "name" : "reset",
-            "type" : "Boolean",
-            "desc" : "(optional) True to reset the template first",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MasterTemplate",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "from",
         "type" : "function",
-        "desc" : "Creates a template from the passed element's value (display:none textarea, preferred) or innerHTML. e.g.\nvar tpl = Roo.MasterTemplate.from('element-id');",
-        "sig" : "(el, config)",
+        "desc" : "Creates a template from the passed element's value (<i>display:none</i> textarea, preferred) or innerHTML.",
+        "sig" : "(el)",
         "static" : true,
         "memberOf" : "",
         "isStatic" : true,
           {
             "name" : "el",
             "type" : "String/HTMLElement",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
+            "desc" : "A DOM element or its id",
             "isOptional" : false
           }
         ],
         "desc" : "Applies the supplied values to the template and inserts the new node(s) after el.",
         "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Applies the supplied values to the template and inserts the new node(s) before el.",
         "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Applies the supplied values to the template and inserts the new node(s) as the first child of el.",
         "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Applies the supplied values to the template and overwrites the content of el with the new node(s).",
         "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the template for reuse",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MasterTemplate",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "set",
         "type" : "function",
         "desc" : "Sets the HTML used as the template and optionally compiles it.",
         "sig" : "(html, compile)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.DomTemplate",
+      "Roo.MasterTemplate",
+      "Roo.XTemplate"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.NestedLayoutPanel" : {
+  "Roo.Toolbar" : {
     "props" : [
       {
-        "name" : "adjustments",
-        "type" : "Array",
-        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean|Object",
-        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "background",
-        "type" : "Boolean",
-        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "True if the panel can be closed/removed",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "content",
-        "type" : "String",
-        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "fitContainer",
-        "type" : "Boolean",
-        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "fitToFrame",
-        "type" : "Boolean",
-        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadOnce",
-        "type" : "Boolean",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "popup menu",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "params",
-        "type" : "String|Object",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "region",
-        "type" : "String",
-        "desc" : "[required]   (center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "resizeEl",
-        "type" : "String|HTMLElement|Element",
-        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "Extra style to add to the content panel",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for this panel",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "A toolbar for this panel",
-        "memberOf" : "Roo.ContentPanel"
-      },
-      {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "Calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "deactivate",
-        "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "container",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The id or element that will contain the toolbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires when this tab is created",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "items",
+        "type" : "Array",
+        "desc" : "array of button configs or elements to add (will be converted to a MixedCollection)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fires when this panel is resized if fitToFrame is true.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The width after any component adjustments",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The height after any component adjustments",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "text",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
+    "events" : [],
     "methods" : [
       {
-        "name" : "addEvents",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Adds element(s) to the toolbar -- this function takes a variable number of \narguments of mixed type and adds them to the toolbar.",
+        "sig" : "(arg1, arg2)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "arg1",
+            "type" : "Mixed",
+            "desc" : "The following types of arguments are all valid:<br />\n<ul>\n<li>{@link Roo.Toolbar.Button} config: A valid button config object (equivalent to {@link #addButton})</li>\n<li>HtmlElement: Any standard HTML element (equivalent to {@link #addElement})</li>\n<li>Field: Any form field (equivalent to {@link #addField})</li>\n<li>Item: Any subclass of {@link Roo.Toolbar.Item} (equivalent to {@link #addItem})</li>\n<li>String: Any generic string (gets wrapped in a {@link Roo.Toolbar.TextItem}, equivalent to {@link #addText}).\nNote that there are a few special strings that are treated differently as explained nRoo.</li>\n<li>'separator' or '-': Creates a separator element (equivalent to {@link #addSeparator})</li>\n<li>' ': Creates a spacer element (equivalent to {@link #addSpacer})</li>\n<li>'->': Creates a fill element (equivalent to {@link #addFill})</li>\n</ul>",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg2",
+            "type" : "Mixed",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "addButton",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Adds a button (or buttons). See {@link Roo.Toolbar.Button} for more info on the config.",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "config",
+            "type" : "Object/Array",
+            "desc" : "A button config or array of configs",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Toolbar.Button/Array",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "addxtype",
+        "name" : "addDom",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the layout of the nested panel\n<pre><code>\n\npanel.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\npanel.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Adds a new element to the toolbar from the passed {@link Roo.DomHelper} config.",
+        "sig" : "(config)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cfg",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The element's item"
           }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this panel",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "addElement",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Adds any standard HTML element to the toolbar",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element or id of the element to add",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The element's item"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "addField",
         "type" : "function",
-        "desc" : "Returns this panel's element - used by regiosn to add.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds a dynamically rendered Roo.form field (TextField, ComboBox, etc).\nNote: the field should not have been rendered yet. For a field that has already been\nrendered, use {@link #addElement}.",
+        "sig" : "(field)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "field",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Roo.ToolbarItem",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "addFill",
         "type" : "function",
-        "desc" : "Returns this panel's id",
+        "desc" : "Adds a fill element that forces subsequent additions to the right side of the toolbar",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Toolbar.Fill",
+            "desc" : "The fill item"
           }
         ]
       },
       {
-        "name" : "getLayout",
+        "name" : "addItem",
         "type" : "function",
-        "desc" : "Returns the nested BorderLayout for this panel",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds any Toolbar.Item or subclass",
+        "sig" : "(item)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "item",
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BorderLayout",
-            "desc" : ""
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The item"
           }
         ]
       },
       {
-        "name" : "getTitle",
+        "name" : "addSeparator",
         "type" : "function",
-        "desc" : "Returns this panel's title",
+        "desc" : "Adds a separator",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The separator item"
           }
         ]
       },
       {
-        "name" : "getToolbar",
+        "name" : "addSpacer",
         "type" : "function",
-        "desc" : "Returns the toolbar for this Panel if one was configured.",
+        "desc" : "Adds a spacer element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar",
-            "desc" : ""
+            "type" : "Roo.Toolbar.Spacer",
+            "desc" : "The spacer item"
           }
         ]
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "addText",
         "type" : "function",
-        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds text to the toolbar",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to add",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "Roo.Toolbar.Item",
+            "desc" : "The element's item"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Add an Xtype element",
+        "sig" : "(xtype)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "xtype",
+            "type" : "Object",
+            "desc" : "Xtype Object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Object",
+            "desc" : "created Object"
           }
         ]
       },
       {
-        "name" : "isClosable",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns true is this panel was configured to be closable",
+        "desc" : "Returns the Element for this toolbar.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
+            "type" : "Roo.Element",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Hide the toolbar",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "insertButton",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Inserts any {@link Roo.Toolbar.Item}/{@link Roo.Toolbar.Button} at the specified index.",
+        "sig" : "(index, item)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index where the item is to be inserted",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "item",
+            "type" : "Object/Roo.Toolbar.Item/Roo.Toolbar.Button (may be Array)",
+            "desc" : "The button, or button config object to be inserted.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Toolbar.Button/Item",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Show the toolbar",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.PagingToolbar"
+    ],
+    "tree_children" : [
+      "Roo.Toolbar.Item",
+      "Roo.Toolbar.Fill",
+      "Roo.Toolbar.Separator",
+      "Roo.Toolbar.Spacer",
+      "Roo.Toolbar.TextItem",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton",
+      "Roo.form.Field",
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TriggerField"
+    ],
+    "tree_parent" : []
+  },
+  "Roo.Toolbar.Button" : {
+    "props" : [
+      {
+        "name" : "clickEvent",
+        "type" : "String",
+        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the button's main element.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to start disabled (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+        "name" : "enableToggle",
+        "type" : "Boolean",
+        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handleMouseEvents",
+        "type" : "Boolean",
+        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function called when the button is clicked (can be used instead of click event)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to start hidden (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "iconCls",
+        "type" : "String",
+        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menuAlign",
+        "type" : "String",
+        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "True to start pressed (only if enableToggle = true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "renderTo",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The element to append the button to",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "repeat",
+        "type" : "Boolean/Object",
+        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "scope",
+        "type" : "Object",
+        "desc" : "The scope of the handler",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "template",
+        "type" : "Roo.Template",
+        "desc" : "An {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "The button text",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toggleGroup",
+        "type" : "String",
+        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "String/Object",
+        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltipType",
+        "type" : "String",
+        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when this button is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "The click event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setContent",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Updates this panel's element",
-        "sig" : "(content, loadScripts)",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse exits the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The new content",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Set this panel's title",
-        "sig" : "(title)",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse hovers over the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
+            "name" : "this",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setUrl",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
-        "sig" : "(url, params, loadOnce)",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the button is rendered",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
+        "sig" : "function (_self, pressed)\n{\n\n}",
+        "memberOf" : "Roo.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "loadOnce",
+            "name" : "pressed",
             "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.PagingToolbar" : {
-    "props" : [
-      {
-        "name" : "container",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "container The id or element that will contain the toolbar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "displayInfo",
-        "type" : "Boolean",
-        "desc" : "True to display the displayMsg (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "displayMsg",
-        "type" : "String",
-        "desc" : "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "emptyMsg",
-        "type" : "String",
-        "desc" : "The message to display when no records are found (defaults to \"No data to display\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "items",
-        "type" : "Array",
-        "desc" : "array of button configs or elements to add (will be converted to a MixedCollection)",
-        "memberOf" : "Roo.Toolbar"
-      },
-      {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "The number of records to display per page (defaults to 20)",
-        "memberOf" : ""
       },
       {
-        "name" : "text",
-        "type" : "string",
-        "desc" : "",
-        "memberOf" : "Roo.Toolbar"
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "add",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Adds element(s) to the toolbar -- this function takes a variable number of \narguments of mixed type and adds them to the toolbar.",
-        "sig" : "(arg1, arg2)",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "arg1",
-            "type" : "Mixed",
-            "desc" : "The following types of arguments are all valid:<br />\n<ul>\n<li>{@link Roo.Toolbar.Button} config: A valid button config object (equivalent to {@link #addButton})</li>\n<li>HtmlElement: Any standard HTML element (equivalent to {@link #addElement})</li>\n<li>Field: Any form field (equivalent to {@link #addField})</li>\n<li>Item: Any subclass of {@link Roo.Toolbar.Item} (equivalent to {@link #addItem})</li>\n<li>String: Any generic string (gets wrapped in a {@link Roo.Toolbar.TextItem}, equivalent to {@link #addText}).\nNote that there are a few special strings that are treated differently as explained nRoo.</li>\n<li>'separator' or '-': Creates a separator element (equivalent to {@link #addSeparator})</li>\n<li>' ': Creates a spacer element (equivalent to {@link #addSpacer})</li>\n<li>'->': Creates a fill element (equivalent to {@link #addFill})</li>\n</ul>",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "arg2",
-            "type" : "Mixed",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addButton",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Adds a button (or buttons). See {@link Roo.Toolbar.Button} for more info on the config.",
-        "sig" : "(config)",
+        "desc" : "Removes and destroys this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object/Array",
-            "desc" : "A button config or array of configs",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Toolbar.Button/Array",
-            "desc" : ""
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "addDom",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Adds a new element to the toolbar from the passed {@link Roo.DomHelper} config.",
-        "sig" : "(config)",
+        "desc" : "Disables this item",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The element's item"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "addElement",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Adds any standard HTML element to the toolbar",
-        "sig" : "(el)",
+        "desc" : "Enables this item",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element or id of the element to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The element's item"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "addField",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Adds a dynamically rendered Roo.form field (TextField, ComboBox, etc).\nNote: the field should not have been rendered yet. For a field that has already been\nrendered, use {@link #addElement}.",
-        "sig" : "(field)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "Roo.form.Field",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ToolbarItem",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "addFill",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Adds a fill element that forces subsequent additions to the right side of the toolbar",
+        "desc" : "Focus the button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Toolbar.Fill",
-            "desc" : "The fill item"
-          }
-        ]
-      },
-      {
-        "name" : "addItem",
-        "type" : "function",
-        "desc" : "Adds any Toolbar.Item or subclass",
-        "sig" : "(item)",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "item",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The item"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addSeparator",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Adds a separator",
+        "desc" : "Returns the button's underlying element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The separator item"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "addSpacer",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Adds a spacer element",
+        "desc" : "Gets the text for this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Spacer",
-            "desc" : "The spacer item"
+            "type" : "String",
+            "desc" : "The button text"
           }
         ]
       },
       {
-        "name" : "addText",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Adds text to the toolbar",
-        "sig" : "(text)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The text to add",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The element's item"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "addxtype",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Add an Xtype element",
-        "sig" : "(xtype)",
+        "desc" : "Hides this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "xtype",
-            "type" : "Object",
-            "desc" : "Xtype Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "created Object"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "bind",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "store",
-            "type" : "Roo.data.Store",
-            "desc" : "The data store to bind",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns the Element for this toolbar.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Hide the toolbar",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "insertButton",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Inserts any {@link Roo.Toolbar.Item}/{@link Roo.Toolbar.Button} at the specified index.",
-        "sig" : "(index, item)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index where the item is to be inserted",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "item",
-            "type" : "Object/Roo.Toolbar.Item/Roo.Toolbar.Button (may be Array)",
-            "desc" : "The button, or button config object to be inserted.",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Toolbar.Button/Item",
-            "desc" : ""
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Show the toolbar",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for boolean enable/disable",
+        "sig" : "(enabled)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "enabled",
+            "type" : "Boolean",
+            "desc" : "True to enable, false to disable",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "unbind",
+        "name" : "setHandler",
         "type" : "function",
-        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
+        "desc" : "Assigns this button's click handler",
+        "sig" : "(handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "store",
-            "type" : "Roo.data.Store",
-            "desc" : "The data store to unbind",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The function to call when the button is clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) Scope for the function passed in",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [
-      "Roo.Toolbar.Item",
-      "Roo.Toolbar.Fill",
-      "Roo.Toolbar.Separator",
-      "Roo.Toolbar.Spacer",
-      "Roo.Toolbar.TextItem",
-      "Roo.form.Field",
-      "Roo.form.Checkbox",
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
-      "Roo.form.FCKeditor",
-      "Roo.form.GridField",
-      "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Radio",
-      "Roo.form.Select",
-      "Roo.form.Signature",
-      "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TriggerField"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.QuickTips" : {
-    "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" : [
-      {
-        "name" : "disable",
+        "name" : "setPressed",
         "type" : "function",
-        "desc" : "Disable this quick tip.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Similar to toggle, but does not trigger event.",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "[required] Force a particular state",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Enable this quick tip.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets this button's text",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The button text",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "init",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Initialize and enable QuickTips for first use.  This should be called once before the first attempt to access\nor display QuickTips in a page.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for boolean show/hide",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "isEnabled",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Returns true if the quick tip is enabled, else false.",
+        "desc" : "Shows this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "register",
+        "name" : "toggle",
         "type" : "function",
-        "desc" : "Configures a new quick tip instance and assigns it to a target element.  The following config options\nare supported:\n<pre>\nProperty    Type                   Description\n----------  ---------------------  ------------------------------------------------------------------------\ntarget      Element/String/Array   An Element, id or array of ids that this quick tip should be tied to\n</ul>",
-        "sig" : "(config)",
+        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The config object",
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "(optional) Force a particular state",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unregister",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Removes this quick tip from its element and destroys it.",
-        "sig" : "(el)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element from which the quick tip is to be removed.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.ReaderLayout" : {
-    "props" : [
-      {
-        "name" : "center",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : "Roo.BorderLayout"
-      },
-      {
-        "name" : "east",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : "Roo.BorderLayout"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "north",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : "Roo.BorderLayout"
-      },
-      {
-        "name" : "south",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : "Roo.BorderLayout"
-      },
-      {
-        "name" : "west",
-        "type" : "Roo.LayoutRegion",
-        "desc" : "",
-        "memberOf" : "Roo.BorderLayout"
-      }
-    ],
+  "Roo.Toolbar.Fill" : {
+    "props" : [],
     "events" : [
       {
-        "name" : "layout",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when a layout is performed.",
+        "desc" : "Fires when the button is rendered",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "Roo.Toolbar.Item",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutManager",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "regioncollapsed",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when a region is collapsed.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "desc" : "Removes and destroys this item.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The collapsed region",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "regionexpanded",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires when a region is expanded.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "desc" : "Disables this item.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The expanded region",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "regionresized",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when the user resizes a region.",
-        "sig" : "function (region, newSize)\n{\n\n}",
-        "memberOf" : "Roo.LayoutManager",
+        "desc" : "Enables this item.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The resized region",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "add",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Adds a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
+        "desc" : "Try to focus this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
-            "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel to add",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Get this item's HTML Element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The added panel"
+            "type" : "HTMLElement",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "addEvents",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Hides this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Convenience function for boolean show/hide.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "true to show/false to hide",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addRegion",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Creates and adds a new region if it doesn't already exist.",
-        "sig" : "(target, config)",
+        "desc" : "Shows this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
+        "params" : [],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Toolbar.Item" : {
+    "props" : [],
+    "events" : [
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires when the button is rendered",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The regions config object",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BorderLayoutRegion",
-            "desc" : "The new region"
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "addxtype",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the layout.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\nlayout.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Removes and destroys this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "cfg",
-            "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "batchAdd",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Adds a batch of multiple ContentPanels dynamically by passing a special regions config object.  This config\nobject should contain properties for each region to add ContentPanels to, and each property's value should be\na valid ContentPanel config object.  Example:\n<pre><code>\n// Create the main layout\nvar layout = new Roo.BorderLayout('main-ct', {\n    west: {\n        split:true,\n        minSize: 175,\n        titlebar: true\n    },\n    center: {\n        title:'Components'\n    }\n}, 'main-ct');\n\n// Create and add multiple ContentPanels at once via configs\nlayout.batchAdd({\n   west: {\n       id: 'source-files',\n       autoCreate:true,\n       title:'Ext Source Files',\n       autoScroll:true,\n       fitToFrame:true\n   },\n   center : {\n       el: cview,\n       autoScroll:true,\n       fitToFrame:true,\n       toolbar: tb,\n       resizeEl:'cbody'\n   }\n});\n</code></pre>",
-        "sig" : "(regions)",
+        "desc" : "Disables this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "regions",
-            "type" : "Object",
-            "desc" : "An object containing ContentPanel configs by region name",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "beginUpdate",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
+        "desc" : "Enables this item.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Try to focus this item.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "create",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Shortcut for creating a new BorderLayout object and adding one or more ContentPanels to it in a single step, handling\nthe beginUpdate and endUpdate calls internally.  The key to this method is the <b>panels</b> property that can be\nprovided with each region config, which allows you to add ContentPanel configs in addition to the region configs\nduring creation.  The following code is equivalent to the constructor-based example at the beginning of this class:\n<pre><code>\n// shorthand\nvar CP = Roo.ContentPanel;\n\nvar layout = Roo.BorderLayout.create({\n    north: {\n        initialSize: 25,\n        titlebar: false,\n        panels: [new CP(\"north\", \"North\")]\n    },\n    west: {\n        split:true,\n        initialSize: 200,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"west\", {title: \"West\"})]\n    },\n    east: {\n        split:true,\n        initialSize: 202,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"autoTabs\", {title: \"Auto Tabs\", closable: true})]\n    },\n    south: {\n        split:true,\n        initialSize: 100,\n        minSize: 100,\n        maxSize: 200,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"south\", {title: \"South\", closable: true})]\n    },\n    center: {\n        titlebar: true,\n        autoScroll:true,\n        resizeTabs: true,\n        minTabWidth: 50,\n        preferredTabWidth: 150,\n        panels: [\n            new CP(\"center1\", {title: \"Close Me\", closable: true}),\n            new CP(\"center2\", {title: \"Center Panel\", closable: false})\n        ]\n    }\n}, document.body);\n\nlayout.getRegion(\"center\").showPanel(\"center1\");\n</code></pre>",
-        "sig" : "(config, targetEl)",
-        "static" : true,
-        "memberOf" : "Roo.BorderLayout",
-        "isStatic" : true,
+        "desc" : "Get this item's HTML Element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "targetEl",
-            "type" : "",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "endUpdate",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
-        "sig" : "(noLayout)",
+        "desc" : "Hides this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "noLayout",
-            "type" : "Boolean",
-            "desc" : "true to disable a layout update",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "findPanel",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Searches all regions for a panel with the specified id",
-        "sig" : "(panelId)",
+        "desc" : "Convenience function for boolean show/hide.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "String",
-            "desc" : "",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "true to show/false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel or null if it wasn't found"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Shows this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
+        "params" : [],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.Toolbar.Fill",
+      "Roo.Toolbar.Separator",
+      "Roo.Toolbar.Spacer",
+      "Roo.Toolbar.TextItem"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Toolbar.Separator" : {
+    "props" : [],
+    "events" : [
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires when the button is rendered",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Toolbar.Item",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "this",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "getEl",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Returns the Element this layout is bound to.",
+        "desc" : "Removes and destroys this item.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getRegion",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Returns the specified region.",
-        "sig" : "(target)",
+        "desc" : "Disables this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.LayoutRegion",
-            "desc" : ""
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getViewSize",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
+        "desc" : "Enables this item.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "The size as an object {width: (the width), height: (the height)}"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Try to focus this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "isUpdating",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns true if this layout is currently being updated",
+        "desc" : "Get this item's HTML Element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutManager",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
+            "type" : "HTMLElement",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "layout",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Performs a layout update.",
+        "desc" : "Hides this item.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Convenience function for boolean show/hide.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "true to show/false to hide",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Shows this item.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.Toolbar.Spacer" : {
+    "props" : [],
+    "events" : [
       {
-        "name" : "releaseCapture",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the button is rendered",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Toolbar.Item",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Removes and destroys this item.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Remove a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
+        "desc" : "Disables this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
-            "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Number/String/Roo.ContentPanel",
-            "desc" : "The index, id or panel to remove",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The removed panel"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Enables this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "restoreState",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Restores this layout's state using Roo.state.Manager or the state provided by the passed provider.",
-        "sig" : "(provider)",
+        "desc" : "Try to focus this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "provider",
-            "type" : "Roo.state.Provider",
-            "desc" : "(optional) An alternate state provider",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Searches all regions for a panel with the specified id and activates (shows) it.",
-        "sig" : "(panelId)",
+        "desc" : "Get this item's HTML Element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BorderLayout",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "panelId",
-            "type" : "String/ContentPanel",
-            "desc" : "The panels id or the panel itself",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel or null"
+            "type" : "HTMLElement",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Hides this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function for boolean show/hide.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "true to show/false to hide",
             "isOptional" : false
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Shows this item.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.Toolbar.Fill"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.Resizable" : {
+  "Roo.Toolbar.SplitButton" : {
     "props" : [
       {
-        "name" : "adjustments",
-        "type" : "Array/String",
-        "desc" : "String \"auto\" or an array [width, height] with values to be <b>added</b> to the\nresize operation's new size (defaults to [0, 0])",
-        "memberOf" : ""
+        "name" : "arrowHandler",
+        "type" : "Function",
+        "desc" : "A function called when the arrow button is clicked (can be used instead of click event)",
+        "memberOf" : "Roo.SplitButton",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "True to animate the resize (not compatible with dynamic sizing, defaults to false)",
-        "memberOf" : ""
+        "name" : "arrowTooltip",
+        "type" : "String",
+        "desc" : "The title attribute of the arrow",
+        "memberOf" : "Roo.SplitButton",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "constrainTo",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "Constrain the resize to a particular element",
-        "memberOf" : ""
+        "name" : "clickEvent",
+        "type" : "String",
+        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableTrackOver",
-        "type" : "Boolean",
-        "desc" : "True to disable mouse tracking. This is only applied at config time. (defaults to false)",
-        "memberOf" : ""
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the button's main element.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "draggable",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "Convenience to initialize drag drop (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to start disabled (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "duration",
-        "type" : "Number",
-        "desc" : "Animation duration if animate = true (defaults to .35)",
-        "memberOf" : ""
+        "name" : "enableToggle",
+        "type" : "Boolean",
+        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dynamic",
+        "name" : "handleMouseEvents",
         "type" : "Boolean",
-        "desc" : "True to resize the element while dragging instead of using a proxy (defaults to false)",
-        "memberOf" : ""
+        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "easing",
-        "type" : "String",
-        "desc" : "Animation easing if animate = true (defaults to 'easingOutStrong')",
-        "memberOf" : ""
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function called when the button is clicked (can be used instead of click event)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enabled",
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "False to disable resizing (defaults to true)",
-        "memberOf" : ""
+        "desc" : "True to start hidden (defaults to false)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "handles",
+        "name" : "icon",
         "type" : "String",
-        "desc" : "String consisting of the resize handles to display (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "The height of the element in pixels (defaults to null)",
-        "memberOf" : ""
+        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "heightIncrement",
-        "type" : "Number",
-        "desc" : "The increment to snap the height resize in pixels (dynamic must be true, defaults to 0)",
-        "memberOf" : ""
+        "name" : "iconCls",
+        "type" : "String",
+        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height for the element (defaults to 10000)",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxWidth",
-        "type" : "Number",
-        "desc" : "The maximum width for the element (defaults to 10000)",
-        "memberOf" : ""
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minHeight",
-        "type" : "Number",
-        "desc" : "The minimum height for the element (defaults to 5)",
-        "memberOf" : ""
+        "name" : "menuAlign",
+        "type" : "String",
+        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minWidth",
         "type" : "Number",
-        "desc" : "The minimum width for the element (defaults to 5)",
-        "memberOf" : ""
+        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minX",
-        "type" : "Number",
-        "desc" : "The minimum allowed page X for the element (only used for west resizing, defaults to 0)",
-        "memberOf" : ""
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "True to start pressed (only if enableToggle = true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minY",
-        "type" : "Number",
-        "desc" : "The minimum allowed page Y for the element (only used for north resizing, defaults to 0)",
-        "memberOf" : ""
+        "name" : "renderTo",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The element to append the button to",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "multiDirectional",
-        "type" : "Boolean",
-        "desc" : "<b>Deprecated</b>.  The old style of adding multi-direction resize handles, deprecated\nin favor of the handles config option (defaults to false)",
-        "memberOf" : ""
+        "name" : "repeat",
+        "type" : "Boolean/Object",
+        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "pinned",
-        "type" : "Boolean",
-        "desc" : "True to ensure that the resize handles are always visible, false to display them only when the\nuser mouses over the resizable borders. This is only applied at config time. (defaults to false)",
-        "memberOf" : ""
+        "name" : "scope",
+        "type" : "Object",
+        "desc" : "The scope of the handler",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "preserveRatio",
-        "type" : "Boolean",
-        "desc" : "True to preserve the original ratio between height and width during resize (defaults to false)",
-        "memberOf" : ""
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "resizeChild",
-        "type" : "Boolean/String/Element",
-        "desc" : "True to resize the first child, or id/element to resize (defaults to false)",
-        "memberOf" : ""
+        "name" : "template",
+        "type" : "Roo.Template",
+        "desc" : "An {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "resizeRegion",
-        "type" : "Roo.lib.Region",
-        "desc" : "Constrain the resize to a particular region",
-        "memberOf" : ""
+        "name" : "text",
+        "type" : "String",
+        "desc" : "The button text",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "transparent",
-        "type" : "Boolean",
-        "desc" : "True for transparent handles. This is only applied at config time. (defaults to false)",
-        "memberOf" : ""
+        "name" : "toggleGroup",
+        "type" : "String",
+        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "The width of the element in pixels (defaults to null)",
-        "memberOf" : ""
+        "name" : "tooltip",
+        "type" : "String/Object",
+        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "widthIncrement",
-        "type" : "Number",
-        "desc" : "The increment to snap the width resize in pixels (dynamic must be true, defaults to 0)",
-        "memberOf" : ""
+        "name" : "tooltipType",
+        "type" : "String",
+        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "wrap",
-        "type" : "Boolean",
-        "desc" : "True to wrap an element with a div if needed (required for textareas and images, defaults to false)",
-        "memberOf" : ""
+        "name" : "type",
+        "type" : "String",
+        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
+        "memberOf" : "Roo.Button",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforeresize",
+        "name" : "arrowclick",
         "type" : "function",
-        "desc" : "Fired before resize is allowed. Set enabled to false to cancel resize.",
+        "desc" : "Fires when this button's arrow is clicked",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.SplitButton",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Resizable",
+            "type" : "SplitButton",
             "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The mousedown event",
+            "type" : "EventObject",
+            "desc" : "The click event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fired after a resize.",
-        "sig" : "function (_self, width, height, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this button is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Resizable",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "The click event",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "mouseout",
+        "type" : "function",
+        "desc" : "Fires when the mouse exits the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The mouseup event",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resizing",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Fired a resizing.",
-        "sig" : "function (_self, x, y, w, h, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when the mouse hovers over the button",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Resizable",
+            "type" : "Button",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires when the button is rendered",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "w",
-            "type" : "Number",
-            "desc" : "The new w width",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
+        "sig" : "function (_self, pressed)\n{\n\n}",
+        "memberOf" : "Roo.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "h",
-            "type" : "Number",
-            "desc" : "The new h hight",
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The mouseup event",
+            "name" : "pressed",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this resizable. If the element was wrapped and\nremoveEl is not true then the element remains.",
-        "sig" : "(removeEl)",
+        "desc" : "Removes and destroys this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "removeEl",
-            "type" : "Boolean",
-            "desc" : "(optional) true to remove the element from the DOM",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Disable this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Focus the button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.SplitButton",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the element this component is bound to.",
+        "desc" : "Returns the button's underlying element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : ""
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getResizeChild",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Returns the resizeChild element (or null).",
+        "desc" : "Gets the text for this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "String",
+            "desc" : "The button text"
           }
         ]
       },
           }
         ]
       },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hides this button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "setArrowHandler",
         "type" : "function",
-        "desc" : "Perform a manual resize",
-        "sig" : "(width, height)",
+        "desc" : "Sets this button's arrow click handler",
+        "sig" : "(handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.SplitButton",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The function to call when the arrow is clicked",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) Scope for the function passed above",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for boolean enable/disable",
+        "sig" : "(enabled)",
+        "static" : false,
+        "memberOf" : "Roo.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "enabled",
+            "type" : "Boolean",
+            "desc" : "True to enable, false to disable",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setHandler",
+        "type" : "function",
+        "desc" : "Sets this button's click handler",
+        "sig" : "(handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.SplitButton",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The function to call when the button is clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) Scope for the function passed above",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPressed",
+        "type" : "function",
+        "desc" : "Similar to toggle, but does not trigger event.",
+        "sig" : "(state)",
+        "static" : false,
+        "memberOf" : "Roo.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "[required] Force a particular state",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setText",
+        "type" : "function",
+        "desc" : "Sets this button's text",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "Roo.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The button text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function for boolean show/hide",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Shows this button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
+        "sig" : "(state)",
+        "static" : false,
+        "memberOf" : "Roo.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "(optional) Force a particular state",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.Shadow" : {
+  "Roo.Toolbar.TextItem" : {
     "props" : [
       {
-        "name" : "mode",
-        "type" : "String",
-        "desc" : "The shadow display mode.  Supports the following options:<br />\nsides: Shadow displays on both sides and bottom only<br />\nframe: Shadow displays equally on all four sides<br />\ndrop: Traditional bottom-right drop shadow (default)",
-        "memberOf" : ""
-      },
+        "name" : "text",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "Roo.Toolbar",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
       {
-        "name" : "offset",
-        "type" : "String",
-        "desc" : "The number of pixels to offset the shadow from the element (defaults to 4)",
-        "memberOf" : ""
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires when the button is rendered",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Toolbar.Item",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Button",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
-    "events" : [],
     "methods" : [
       {
-        "name" : "hide",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Hides this shadow",
+        "desc" : "Removes and destroys this item.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Returns true if the shadow is visible, else false",
+        "desc" : "Disables this item.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "realign",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Direct alignment when values are already available. Show must be called at least once before\ncalling this method to ensure it is initialized.",
-        "sig" : "(left, top, width, height)",
+        "desc" : "Enables this item.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Toolbar.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The target element left position",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The target element top position",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The target element width",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this item.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Get this item's HTML Element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The target element height",
-            "isOptional" : false
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setZIndex",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Adjust the z-index of this shadow",
-        "sig" : "(zindex)",
+        "desc" : "Hides this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function for boolean show/hide.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Toolbar.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "zindex",
-            "type" : "Number",
-            "desc" : "The new z-index",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "true to show/false to hide",
             "isOptional" : false
           }
         ],
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Displays the shadow under the target element",
-        "sig" : "(targetEl)",
+        "desc" : "Shows this button",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "targetEl",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id or element under which the shadow should display",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       }
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.SplitBar" : {
+  "Roo.UpdateManager" : {
     "props" : [
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforeresize",
+        "name" : "beforeupdate",
         "type" : "function",
-        "desc" : "Fires before the splitter is dragged",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fired before an update is made, return false from your handler and the update is cancelled.",
+        "sig" : "function (el, url, params)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.SplitBar",
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "url",
+            "type" : "String/Object/Function",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "moved",
+        "name" : "failure",
         "type" : "function",
-        "desc" : "Fires when the splitter is moved",
-        "sig" : "function (_self, newSize)\n{\n\n}",
+        "desc" : "Fired on update failure.",
+        "sig" : "function (el, oResponseObject)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.SplitBar",
+            "name" : "el",
+            "type" : "Roo.Element",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "the new width or height",
+            "name" : "oResponseObject",
+            "type" : "Object",
+            "desc" : "The response Object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Fires when the splitter is moved (alias for {@link #event-moved})",
-        "sig" : "function (_self, newSize)\n{\n\n}",
+        "desc" : "Fired after successful update is made.",
+        "sig" : "function (el, oResponseObject)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.SplitBar",
+            "name" : "el",
+            "type" : "Roo.Element",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "the new width or height",
+            "name" : "oResponseObject",
+            "type" : "Object",
+            "desc" : "The response Object",
             "isOptional" : false
           }
         ],
       }
     ],
     "methods" : [
+      {
+        "name" : "abort",
+        "type" : "function",
+        "desc" : "Aborts the executing transaction",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroy this splitbar.",
-        "sig" : "(removeEl)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "removeEl",
-            "type" : "Boolean",
-            "desc" : "True to remove the element",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getAdapter",
+        "name" : "formUpdate",
         "type" : "function",
-        "desc" : "Get the adapter this SplitBar uses",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Performs an async form post, updating this element with the response. If the form has the attribute enctype=\"multipart/form-data\", it assumes it's a file upload.\nUses this.sslBlankUrl for SSL file uploads to prevent IE security warning.",
+        "sig" : "(form, url, reset, callback)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "",
-            "desc" : "The adapter object"
+            "name" : "form",
+            "type" : "String/HTMLElement",
+            "desc" : "The form Id or form element",
+            "isOptional" : false
+          },
+          {
+            "name" : "url",
+            "type" : "String",
+            "desc" : "(optional) The url to pass the form to. If omitted the action attribute on the form will be used.",
+            "isOptional" : false
+          },
+          {
+            "name" : "reset",
+            "type" : "Boolean",
+            "desc" : "(optional) Whether to try to reset the form after the update",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getMaximumSize",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets the maximum size for the resizing element",
+        "desc" : "Get the Element this UpdateManager is bound to",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The maximum size"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getMinimumSize",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Gets the minimum size for the resizing element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The minimum size"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "isUpdating",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns true if an update is in progress",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : ""
           }
         ]
       },
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Refresh the element with the last used url or defaultUrl. If there is no url, it returns immediately",
+        "sig" : "(callback)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setAdapter",
+        "name" : "setDefaultUrl",
         "type" : "function",
-        "desc" : "Set the adapter this SplitBar uses",
-        "sig" : "(adapter)",
+        "desc" : "Set the defaultUrl used for updates",
+        "sig" : "(defaultUrl)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "adapter",
-            "type" : "Object",
-            "desc" : "A SplitBar adapter object",
+            "name" : "defaultUrl",
+            "type" : "String/Function",
+            "desc" : "The url or a function to call to get the url",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setCurrentSize",
+        "name" : "setRenderer",
         "type" : "function",
-        "desc" : "Sets the initialize size for the resizing element",
-        "sig" : "(size)",
+        "desc" : "Set the content renderer for this UpdateManager. See {@link Roo.UpdateManager.BasicRenderer#render} for more details.",
+        "sig" : "(renderer)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "size",
-            "type" : "Number",
-            "desc" : "The initial size",
+            "name" : "renderer",
+            "type" : "Object",
+            "desc" : "The object implementing the render() method",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setMaximumSize",
+        "name" : "showLoading",
         "type" : "function",
-        "desc" : "Sets the maximum size for the resizing element",
-        "sig" : "(maxSize)",
+        "desc" : "Called to update the element to \"Loading\" state. Override to perform custom action.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "maxSize",
-            "type" : "Number",
-            "desc" : "The maximum size",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setMinimumSize",
+        "name" : "startAutoRefresh",
         "type" : "function",
-        "desc" : "Sets the minimum size for the resizing element",
-        "sig" : "(minSize)",
+        "desc" : "Set this element to auto refresh.",
+        "sig" : "(interval, url, params, callback, refreshNow)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "minSize",
+            "name" : "interval",
             "type" : "Number",
-            "desc" : "The minimum size",
+            "desc" : "How often to update (in seconds).",
+            "isOptional" : false
+          },
+          {
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "(optional) The url for this request or a function to call to get the url (Defaults to the last used url)",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a url encoded string \"&param1=1&param2=2\" or as an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
+            "isOptional" : false
+          },
+          {
+            "name" : "refreshNow",
+            "type" : "Boolean",
+            "desc" : "(optional) Whether to execute the refresh now, or wait the interval",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "stopAutoRefresh",
+        "type" : "function",
+        "desc" : "Stop auto refresh on this element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.SplitBar.AbsoluteLayoutAdapter" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "getElementSize",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Called before drag operations to get the current size of the resizing element.",
-        "sig" : "(s)",
+        "desc" : "Performs an async request, updating this element with the response. If params are specified it uses POST, otherwise it uses GET.",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
-        "memberOf" : "Roo.SplitBar.BasicLayoutAdapter",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Roo.SplitBar",
-            "desc" : "The SplitBar using this adapter",
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\num.update({<br/>\n    url: \"your-url.php\",<br/>\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string<br/>\n    callback: yourFunction,<br/>\n    scope: yourObject, //(optional scope)  <br/>\n    discardUrl: false, <br/>\n    nocache: false,<br/>\n    text: \"Loading...\",<br/>\n    timeout: 30,<br/>\n    scripts: false<br/>\n});\n</code></pre>\nThe only required property is url. The optional properties nocache, text and scripts\nare shorthand for disableCaching, indicatorText and loadScripts and are used to set their associated property on this UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a url encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setElementSize",
+        "name" : "updateElement",
         "type" : "function",
-        "desc" : "Called after drag operations to set the size of the resizing element.",
-        "sig" : "(s, newSize, onComplete)",
-        "static" : false,
-        "memberOf" : "Roo.SplitBar.BasicLayoutAdapter",
-        "isStatic" : false,
+        "desc" : "Static convenience method. This method is deprecated in favor of el.load({url:'foo.php', ...}).\nUsage:\n<pre><code>Roo.UpdateManager.updateElement(\"my-div\", \"stuff.php\");</code></pre>",
+        "sig" : "(el, url, params, options)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "",
+        "deprecated" : "This has been deprecated: ",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Roo.SplitBar",
-            "desc" : "The SplitBar using this adapter",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to update",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size to set",
+            "name" : "url",
+            "type" : "String",
+            "desc" : "The url",
             "isOptional" : false
           },
           {
-            "name" : "onComplete",
-            "type" : "Function",
-            "desc" : "A function to be invoked when resizing is complete",
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) Url encoded param string or an object of name/value pairs",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) A config object with any of the UpdateManager properties you want to set - for example: {disableCaching:true, indicatorText: \"Loading data...\"}",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.SplitBar.BasicLayoutAdapter" : {
+  "Roo.UpdateManager.BasicRenderer" : {
     "props" : [],
     "events" : [],
     "methods" : [
       {
-        "name" : "getElementSize",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Called before drag operations to get the current size of the resizing element.",
-        "sig" : "(s)",
+        "desc" : "This is called when the transaction is completed and it's time to update the element - The BasicRenderer\nupdates the elements innerHTML with the responseText - To perform a custom render (i.e. XML or JSON processing),\ncreate an object with a \"render(el, response)\" method and pass it to setRenderer on the UpdateManager.",
+        "sig" : "(el, response, updateManager, callback)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Roo.SplitBar",
-            "desc" : "The SplitBar using this adapter",
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "The element being rendered",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setElementSize",
-        "type" : "function",
-        "desc" : "Called after drag operations to set the size of the resizing element.",
-        "sig" : "(s, newSize, onComplete)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "s",
-            "type" : "Roo.SplitBar",
-            "desc" : "The SplitBar using this adapter",
+            "name" : "response",
+            "type" : "Object",
+            "desc" : "The YUI Connect response object",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size to set",
+            "name" : "updateManager",
+            "type" : "UpdateManager",
+            "desc" : "The calling update manager",
             "isOptional" : false
           },
           {
-            "name" : "onComplete",
+            "name" : "callback",
             "type" : "Function",
-            "desc" : "A function to be invoked when resizing is complete",
+            "desc" : "A callback that will need to be called if loadScripts is true on the UpdateManager",
             "isOptional" : false
           }
         ],
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.SplitBar.AbsoluteLayoutAdapter"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.SplitButton" : {
+  "Roo.UpdateManager.defaults" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.View" : {
     "props" : [
       {
-        "name" : "arrowHandler",
-        "type" : "Function",
-        "desc" : "A function called when the arrow button is clicked (can be used instead of click event)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "arrowTooltip",
+        "name" : "dataName",
         "type" : "String",
-        "desc" : "The title attribute of the arrow",
-        "memberOf" : ""
+        "desc" : "the named area of the template to use as the data area\n                         Works with domtemplates roo-name=\"name\"",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "clickEvent",
-        "type" : "String",
-        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
-        "memberOf" : "Roo.Button"
+        "name" : "el",
+        "type" : "String|Roo.Element",
+        "desc" : "The container element.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cls",
+        "name" : "emptyText",
         "type" : "String",
-        "desc" : "A CSS class to apply to the button's main element.",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to start disabled (defaults to false)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "enableToggle",
-        "type" : "Boolean",
-        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "handleMouseEvents",
-        "type" : "Boolean",
-        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
-        "memberOf" : "Roo.Button"
+        "desc" : "The empty text to show when nothing is loaded.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function called when the button is clicked (can be used instead of click event)",
-        "memberOf" : "Roo.Button"
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
+        "name" : "multiSelect",
         "type" : "Boolean",
-        "desc" : "True to start hidden (defaults to false)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
-        "memberOf" : "Roo.Button"
+        "desc" : "Allow multiple selection",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "iconCls",
+        "name" : "selectedClass",
         "type" : "String",
-        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
-        "memberOf" : "Roo.Button"
+        "desc" : "The css class to add to selected nodes",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "singleSelect",
+        "type" : "Boolean",
+        "desc" : "Allow single selection",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
-        "memberOf" : "Roo.Button"
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "Data store to load data from.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menuAlign",
+        "name" : "text",
         "type" : "String",
-        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
-        "memberOf" : "Roo.Button"
+        "desc" : "to display on mask (default Loading)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
-        "memberOf" : "Roo.Button"
+        "name" : "tickable",
+        "type" : "Boolean",
+        "desc" : "- selecting",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "pressed",
+        "name" : "toggleSelect",
         "type" : "Boolean",
-        "desc" : "True to start pressed (only if enableToggle = true)",
-        "memberOf" : "Roo.Button"
+        "desc" : "- selecting",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "renderTo",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The element to append the button to",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "repeat",
-        "type" : "Boolean/Object",
-        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "scope",
-        "type" : "Object",
-        "desc" : "The scope of the handler",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "template",
-        "type" : "Roo.Template",
-        "desc" : "(Optional)\nAn {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "text",
-        "type" : "String",
-        "desc" : "The button text",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "toggleGroup",
-        "type" : "String",
-        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "String/Object",
-        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "tooltipType",
-        "type" : "String",
-        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
-        "memberOf" : "Roo.Button"
+        "name" : "tpl",
+        "type" : "String|Roo.Template",
+        "desc" : "The template used by this View",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "arrowclick",
+        "name" : "beforeclick",
         "type" : "function",
-        "desc" : "Fires when this button's arrow is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires before a click is processed. Returns false to cancel the default action.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "SplitButton",
+            "type" : "Roo.View",
             "desc" : "",
             "isOptional" : false
           },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
           {
             "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The click event",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "Fires before a selection is made. If any handlers return false, the selection is cancelled.",
+        "sig" : "function (_self, node, selections)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.View",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The node to be selected",
+            "isOptional" : false
+          },
+          {
+            "name" : "selections",
+            "type" : "Array",
+            "desc" : "Array of currently selected nodes",
             "isOptional" : false
           }
         ],
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "Fires when this button is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires when a template node is clicked.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.View",
             "desc" : "",
             "isOptional" : false
           },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
           {
             "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The click event",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "contextmenu",
         "type" : "function",
-        "desc" : "Fires when the mouse exits the button",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires when a template node is right clicked.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.View",
             "desc" : "",
             "isOptional" : false
           },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
           {
             "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "dblclick",
         "type" : "function",
-        "desc" : "Fires when the mouse hovers over the button",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires when a template node is double clicked.",
+        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.View",
             "desc" : "",
             "isOptional" : false
           },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the target node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "The target node",
+            "isOptional" : false
+          },
           {
             "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "type" : "Roo.EventObject",
+            "desc" : "The raw event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "preparedata",
         "type" : "function",
-        "desc" : "Fires when the button is rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires on every row to render, to allow you to change the data.",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.View",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "to be rendered (change this)",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "selectionchange",
         "type" : "function",
-        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
-        "sig" : "function (_self, pressed)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires when the selected nodes change.",
+        "sig" : "function (_self, selections)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.View",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "pressed",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "selections",
+            "type" : "Array",
+            "desc" : "Array of the selected nodes",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "clearSelections",
         "type" : "function",
-        "desc" : "Destroys this Button and removes any listeners.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Clear all selections",
+        "sig" : "(suppressEvent)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "(optional) true to skip firing of the selectionchange event",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "findItemFromChild",
         "type" : "function",
-        "desc" : "Disable this button",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the template node the passed child belongs to or null if it doesn't belong to one.",
+        "sig" : "(node)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "The template node"
+          }
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Enable this button",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the element this view is bound to.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getNode",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Gets a template node.",
+        "sig" : "(nodeInfo)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "nodeInfo",
+            "type" : "HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "The node or null if it wasn't found"
+          }
+        ]
+      },
+      {
+        "name" : "getNodes",
+        "type" : "function",
+        "desc" : "Gets a range template nodes.",
+        "sig" : "(startIndex, endIndex)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "startIndex",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "endIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Array",
+            "desc" : "An array of nodes"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getSelectedIndexes",
         "type" : "function",
-        "desc" : "Focus the button",
+        "desc" : "Get the indexes of the selected nodes.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "getSelectedNodes",
         "type" : "function",
-        "desc" : "Returns the button's underlying element",
+        "desc" : "Get the currently selected nodes.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Array",
+            "desc" : "An array of HTMLElements"
           }
         ]
       },
       {
-        "name" : "getText",
+        "name" : "getSelectionCount",
         "type" : "function",
-        "desc" : "Gets the text for this button",
+        "desc" : "Get the number of selected nodes.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "The button text"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
         ]
       },
       {
-        "name" : "hide",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Hide this button",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Finds the index of the passed node",
+        "sig" : "(nodeInfo)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "nodeInfo",
+            "type" : "HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The index of the node or -1"
+          }
+        ]
+      },
+      {
+        "name" : "isSelected",
+        "type" : "function",
+        "desc" : "Returns true if the passed node is selected",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "HTMLElement/Number",
+            "desc" : "The node or node index",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "onBeforeLoad",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "onbeforeLoad - masks the loading area.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "prepareData",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Function to override to reformat the data that is sent to\nthe template for each node.\nDEPRICATED - use the preparedata event handler.",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "data",
+            "type" : "Array/Object",
+            "desc" : "The raw data (array of colData for a data model bound view or\na JSON object for an UpdateManager bound view).",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setArrowHandler",
+        "name" : "refresh",
         "type" : "function",
-        "desc" : "Sets this button's arrow click handler",
-        "sig" : "(handler, scope)",
+        "desc" : "Refreshes the view. - called by datachanged on the store. - do not call directly.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The function to call when the arrow is clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) Scope for the function passed above",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "refreshNode",
         "type" : "function",
-        "desc" : "Convenience function for boolean enable/disable",
-        "sig" : "(enabled)",
+        "desc" : "Refresh an individual node.",
+        "sig" : "(index)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "enabled",
-            "type" : "Boolean",
-            "desc" : "True to enable, false to disable",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setHandler",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Sets this button's click handler",
-        "sig" : "(handler, scope)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The function to call when the button is clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) Scope for the function passed above",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Sets this button's text",
-        "sig" : "(text)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The button text",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide",
-        "sig" : "(visible)",
+        "desc" : "Selects nodes.",
+        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "nodeInfo",
+            "type" : "Array/HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "keepExisting",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) true to keep existing selections",
+            "isOptional" : false
+          },
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "(optional) true to skip firing of the selectionchange vent",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setStore",
         "type" : "function",
-        "desc" : "Show this button",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Changes the data store this view uses and refresh the view.",
+        "sig" : "(store)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "store",
+            "type" : "Store",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "un",
         "type" : "function",
-        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
-        "sig" : "(state)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "(optional) Force a particular state",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "unselect",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Unselects nodes.",
+        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "nodeInfo",
+            "type" : "Array/HTMLElement/String/Number",
+            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) true IGNORED (for campatibility with select)",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "(optional) true to skip firing of the selectionchange vent",
             "isOptional" : false
           }
         ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.Toolbar.SplitButton"
+      "Roo.JsonView"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.SplitLayoutRegion" : {
+  "Roo.XComponent" : {
     "props" : [
       {
-        "name" : "alwaysShowTabs",
-        "type" : "Boolean",
-        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "True to animate expand/collapse (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "autoHide",
-        "type" : "Boolean",
-        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to enable overflow scrolling (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "closeOnTab",
-        "type" : "Boolean",
-        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "cmargins",
-        "type" : "Object",
-        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "collapsed",
-        "type" : "Boolean",
-        "desc" : "True to set the initial display to collapsed (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "collapsedTitle",
-        "type" : "String",
-        "desc" : "Optional string message to display in the collapsed block of a north or south region",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "collapsible",
-        "type" : "Boolean",
-        "desc" : "False to disable collapsing (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "disableTabTips",
-        "type" : "Boolean",
-        "desc" : "True to disable tab tooltips",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "floatable",
-        "type" : "Boolean",
-        "desc" : "False to disable floating (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "For North/South panels",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to start the region hidden (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "hideTabs",
-        "type" : "Boolean",
-        "desc" : "True to hide the tab strip (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "disabled",
+        "type" : "Function|boolean",
+        "desc" : "If this module is disabled by some rule, return true from the funtion",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideWhenEmpty",
-        "type" : "Boolean",
-        "desc" : "True to hide the region when it has no panels",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "items",
+        "type" : "Array",
+        "desc" : "A single item array - the first element is the root of the tree..\nIt's done this way to stay compatible with the Xtype system...",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "margins",
-        "type" : "Object",
-        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "minTabWidth",
-        "type" : "Number",
-        "desc" : "The minimum tab width (defaults to 40)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "preferredTabWidth",
-        "type" : "Number",
-        "desc" : "The preferred tab width (defaults to 150)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "preservePanels",
-        "type" : "Boolean",
-        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "resizeTabs",
-        "type" : "Boolean",
-        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "showPin",
-        "type" : "Boolean",
-        "desc" : "True to show a pin button",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "split",
-        "type" : "Boolean",
-        "desc" : "To show the splitter",
-        "memberOf" : "Roo.LayoutRegion"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabPosition",
+        "name" : "name",
         "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "String to display while loading.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "order",
         "type" : "String",
-        "desc" : "The title for the region (overrides panel titles)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "titlebar",
-        "type" : "Boolean",
-        "desc" : "True to display a title bar (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "Used to set the order in which elements are created (usefull for multiple tabs)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Boolean",
-        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "parent",
+        "type" : "String",
+        "desc" : "Name of parent element which it get xtype added to..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "For East/West panels",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "region",
+        "type" : "String",
+        "desc" : "Region to render component to (defaults to center)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforecollapse",
+        "name" : "built",
         "type" : "function",
-        "desc" : "Fires when this region before collapse.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires when this the componnt is built",
+        "sig" : "function (c)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "c",
+            "type" : "Roo.XComponent",
+            "desc" : "the component",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "beforeremove",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
-        "sig" : "function (_self, panel, e)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
+            "name" : "object",
             "type" : "Object",
-            "desc" : "The cancel event object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "collapsed",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires when this region is collapsed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "expanded",
+        "name" : "build",
         "type" : "function",
-        "desc" : "Fires when this region is expanded.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Build the registered modules.",
+        "sig" : "(parent, optional)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "parent",
+            "type" : "Object",
+            "desc" : "element.",
+            "isOptional" : false
+          },
+          {
+            "name" : "optional",
+            "type" : "Function",
+            "desc" : "method to call after module has been added.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "invalidated",
+        "name" : "buildOrder",
         "type" : "function",
-        "desc" : "Fires when the layout for this region is changed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "make a list of modules to build.",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Array",
+            "desc" : "list of modules."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "panelactivated",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires when a panel is activated.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The activated panel",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paneladded",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires when a panel is added.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "panelremoved",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires when a panel is removed.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "resized",
+        "name" : "overlayStrings",
         "type" : "function",
-        "desc" : "Fires when the user resizes this region.",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Overlay a set of modified strings onto a component\nThis is dependant on our builder exporting the strings and 'named strings' elements.",
+        "sig" : "(element, associative)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "element",
+            "type" : "Object",
+            "desc" : "to overlay on - eg. Pman.Dialog.Login",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
+            "name" : "associative",
+            "type" : "Object",
+            "desc" : "array of 'named' string and it's new value.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "slidehide",
+        "name" : "preBuild",
         "type" : "function",
-        "desc" : "Fires when this region slides out of view.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "move modules into their correct place in the tree..",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "slideshow",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires when this region is slid into view.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "Register components to be built later.\n\nThis solves the following issues\n- Building is not done on page load, but after an authentication process has occured.\n- Interface elements are registered on page load\n- Parent Interface elements may not be loaded before child, so this handles that..\n\n\nexample:\n\nMyApp.register({\n          order : '000001',\n          module : 'Pman.Tab.projectMgr',\n          region : 'center',\n          parent : 'Pman.layout',\n          disabled : false,  // or use a function..\n        })\n* @param {Object} details about module",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "visibilitychange",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires when this region is shown or hidden",
-        "sig" : "function (_self, visibility)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "visibility",
-            "type" : "Boolean",
-            "desc" : "true or false",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "add",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Adds the passed ContentPanel(s) to this region.",
-        "sig" : "(panel)",
+        "desc" : "render\nrender element to dom or tree",
+        "sig" : "(optional)",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "ContentPanel...",
-            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
+            "name" : "optional",
+            "type" : "Roo.Element|String|DomElement",
+            "desc" : "render to if parent is not set.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added; null otherwise)"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "toObject",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "desc" : "convert a string to an object..\neg. 'AAA.BBB' -> finds AAA.BBB",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.XComponent.event.events" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.XTemplate" : {
+    "props" : [
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "capture",
+        "name" : "onLoad",
+        "type" : "Function",
+        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The Url to load the template from. beware if you are loading from a url, the data may not be ready if you use it instantly..\n                   it should be fixed so that template is observable...",
+        "memberOf" : "Roo.Template",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "append",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Applies the supplied values to the template and appends the new node(s) to el.",
+        "sig" : "(el, values, returnElement)",
+        "static" : false,
+        "memberOf" : "Roo.Template",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
+          }
+        ]
       },
       {
-        "name" : "collapse",
+        "name" : "apply",
         "type" : "function",
-        "desc" : "Collapses this region.",
-        "sig" : "(skipAnim)",
+        "desc" : "Alias for {@link #applyTemplate}",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "applySubTemplate",
         "type" : "function",
-        "desc" : "Expands this region if it was previously collapsed.",
-        "sig" : "(e, skipAnim)",
+        "desc" : "same as applyTemplate, except it's done to one of the subTemplates\nwhen using named templates, you can do:\n\nvar str = pl.applySubTemplate('your-name', values);",
+        "sig" : "(id, values, parent)",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event that triggered the expand (or null if calling manually)",
+            "name" : "id",
+            "type" : "Number",
+            "desc" : "of the template",
             "isOptional" : false
           },
           {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to expand the element without animation (if animate is true)",
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "to apply to template",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Object",
+            "desc" : "(normaly the instance of this object)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "applyTemplate",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Returns an HTML fragment of this template with the specified values applied.",
+        "sig" : "(values)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "String",
+            "desc" : "The HTML fragment"
           }
         ]
       },
       {
-        "name" : "getActivePanel",
+        "name" : "compile",
         "type" : "function",
-        "desc" : "Get the active panel for this region.",
+        "desc" : "compile the template\n\nThis is not recursive, so I'm not sure how nested templates are really going to be handled..",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The active panel or null"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "from",
         "type" : "function",
-        "desc" : "Returns the container element for this region.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
+        "desc" : "Creates a template from the passed element's value (<i>display:none</i> textarea, preferred) or innerHTML.",
+        "sig" : "(el)",
+        "static" : true,
+        "memberOf" : "Roo.Template",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "name" : "el",
+            "type" : "String/HTMLElement",
+            "desc" : "A DOM element or its id",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getPanel",
+        "name" : "insertAfter",
         "type" : "function",
-        "desc" : "Returns the panel specified or null if it's not in this region.",
-        "sig" : "(panel)",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) after el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : ""
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "insertBefore",
         "type" : "function",
-        "desc" : "Returns this regions position (north/south/east/west/center).",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) before el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "getSplitBar",
-        "type" : "function",
-        "desc" : "Returns the {@link Roo.SplitBar} for this region.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.SplitBar",
-            "desc" : ""
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "getTabs",
+        "name" : "insertFirst",
         "type" : "function",
-        "desc" : "Returns the TabPanel component used by this region",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Applies the supplied values to the template and inserts the new node(s) as the first child of el.",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanel",
-            "desc" : ""
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "overwrite",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Applies the supplied values to the template and overwrites the content of el with the new node(s).",
+        "sig" : "(el, values, returnElement)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The context element",
+            "isOptional" : false
+          },
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "isOptional" : false
+          },
+          {
+            "name" : "returnElement",
+            "type" : "Boolean",
+            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "HTMLElement/Roo.Element",
+            "desc" : "The new node or Element"
           }
         ]
       },
       {
-        "name" : "hasPanel",
+        "name" : "set",
         "type" : "function",
-        "desc" : "Returns true if the panel is in this region.",
-        "sig" : "(panel)",
+        "desc" : "Sets the HTML used as the template and optionally compiles it.",
+        "sig" : "(html, compile)",
         "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Template",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "compile",
+            "type" : "Boolean",
+            "desc" : "(optional) True to compile the template (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.Template",
+            "desc" : "this"
           }
         ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.Alert" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hide",
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "close",
+        "type" : "Boolean",
+        "desc" : "true to show a x closer",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "font-awesomeicon",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "The content of alert",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "seconds",
+        "type" : "Number",
+        "desc" : "default:-1 Number of seconds until it disapears (-1 means never.)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title of alert",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "r) Weight of the messa",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Hides this region.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "hidePanel",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Hides the tab for the specified panel.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Returns true if this region is currently visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
-        "sig" : "(panel, preservePanel)",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          },
-          {
-            "name" : "preservePanel",
-            "type" : "Boolean",
-            "desc" : "Overrides the config preservePanel option",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel that was removed"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
-        "sig" : "(newSize)",
-        "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new width or height",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setCollapsedTitle",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
-        "sig" : "(title)",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Shows this region if it was previously hidden.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "showPanel",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Shows the specified panel.",
-        "sig" : "(panelId)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel, or null if a panel could not be found from panelId"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unhidePanel",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Unhides the tab for a previously hidden panel.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.TabPanel" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforetabchange",
-        "type" : "function",
-        "desc" : "Fires before the active tab changes, set cancel to true on the \"e\" parameter to cancel the change",
-        "sig" : "function (_self, e, tab)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.TabPanel",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "Set cancel to true on this object to cancel the tab change",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
-            "name" : "tab",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The tab being changed to",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "tabchange",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when the active tab changes",
-        "sig" : "function (_self, activePanel)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.TabPanel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "activePanel",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The new active tab",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "activate",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Activates a {@link Roo.TabPanelItem}. The currently active one will be deactivated.",
-        "sig" : "(id)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to activate.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The TabPanelItem."
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addEvents",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "addTab",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.",
-        "sig" : "(id, text, content, closable)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the div to use <b>or create</b>",
-            "isOptional" : false
-          },
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The text for the tab",
-            "isOptional" : false
-          },
-          {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "(optional) Content to put in the TabPanelItem body",
-            "isOptional" : false
-          },
-          {
-            "name" : "closable",
+            "name" : "selectText",
             "type" : "Boolean",
-            "desc" : "(optional) True to create a close icon on the tab",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The created TabPanelItem"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addTabItem",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Adds an existing {@link Roo.TabPanelItem}.",
-        "sig" : "(item)",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "item",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The TabPanelItem to add",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "autoSizeTabs",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Manual call to resize the tabs (if {@link #resizeTabs} is false this does nothing)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
       },
       {
-        "name" : "beginUpdate",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Disables tab resizing while tabs are being added (if {@link #resizeTabs} is false this does nothing)",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Destroys this TabPanel",
-        "sig" : "(removeEl)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "removeEl",
-            "type" : "Boolean",
-            "desc" : "(optional) True to remove the element from the DOM as well (defaults to undefined)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "disableTab",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Disables a {@link Roo.TabPanelItem}. It cannot be the active tab, if it is this call is ignored.",
-        "sig" : "(id)",
+        "desc" : "Hide the Alert",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to disable.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "enableTab",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Enables a {@link Roo.TabPanelItem} that is disabled.",
-        "sig" : "(id)",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to enable.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "endUpdate",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Stops an update and resizes the tabs (if {@link #resizeTabs} is false this does nothing)",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getActiveTab",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Gets the active {@link Roo.TabPanelItem}.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The active TabPanelItem or null if none are active."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getCount",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Returns the number of tabs in this TabPanel.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getTab",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Returns the {@link Roo.TabPanelItem} with the specified id/index",
-        "sig" : "(id)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to fetch.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.TabPanelItem",
-            "desc" : ""
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hideTab",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Hides the {@link Roo.TabPanelItem} with the specified id/index",
-        "sig" : "(id)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to hide.",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "setHtml",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Set the Body Message HTML",
+        "sig" : "(html)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "html",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "setIcon",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Set the Icon of the alert",
+        "sig" : "(see)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "see",
+            "type" : "String",
+            "desc" : "fontawsome names (name without the 'fa-' bit)",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Set the Title Message HTML",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeTab",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Removes a {@link Roo.TabPanelItem}.",
-        "sig" : "(id)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to remove.",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setTabWidth",
+        "name" : "setWeight",
         "type" : "function",
-        "desc" : "Resizes all the tabs to the passed width",
-        "sig" : "(The)",
+        "desc" : "Set the Weight of the alert",
+        "sig" : "((success|info|warning|danger))",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "The",
-            "type" : "Number",
-            "desc" : "new width",
+            "name" : "(success|info|warning|danger)",
+            "type" : "String",
+            "desc" : "weight",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "syncHeight",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Updates the tab body element to fit the height of the container element\nfor overflow scrolling",
-        "sig" : "(targetHeight)",
+        "desc" : "Show the Alert",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "targetHeight",
-            "type" : "Number",
-            "desc" : "(optional) Override the starting height from the elements height",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
         "name" : "un",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "unhideTab",
-        "type" : "function",
-        "desc" : "\"Unhides\" the {@link Roo.TabPanelItem} with the specified id/index.",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to unhide.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.TabPanelItem" : {
+  "Roo.bootstrap.BezierSignature" : {
     "props" : [
+      {
+        "name" : "Add",
+        "type" : "integer",
+        "desc" : "the next point only if the previous one is farther than x pixels. Defaults to 5.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "Callback",
+        "type" : "function",
+        "desc" : "when stroke begin.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "Color",
+        "type" : "string",
+        "desc" : "used to draw the lines. Can be any color format accepted by context.fillStyle. Defaults to \"black\".",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "Draw",
+        "type" : "integer",
+        "desc" : "the next point at most once per every x milliseconds. Set it to 0 to turn off throttling. Defaults to 16.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "Maximum",
+        "type" : "float",
+        "desc" : "width of a line. Defaults to 2.5.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "Minimum",
+        "type" : "float",
+        "desc" : "width of a line. Defaults to 0.5.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "Radius",
+        "type" : "float|function",
+        "desc" : "of a single dot.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "Weight",
+        "type" : "float",
+        "desc" : "used to modify new velocity based on the previous velocity. Defaults to 0.7.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "canvas",
+        "type" : "int",
+        "desc" : "height",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activate",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when this tab becomes the active tab.",
-        "sig" : "function (tabPanel, _self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "tabPanel",
-            "type" : "Roo.TabPanel",
-            "desc" : "The parent TabPanel",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
             "name" : "this",
-            "type" : "Roo.TabPanelItem",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeclose",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires before this tab is closed. To cancel the close, set cancel to true on e (e.cancel = true).",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.TabPanelItem",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "Set cancel to true on this object to cancel the close.",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "close",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires when this tab is closed.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.TabPanelItem",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when this tab is no longer the active tab.",
-        "sig" : "function (tabPanel, _self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "tabPanel",
-            "type" : "Roo.TabPanel",
-            "desc" : "The parent TabPanel",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
             "name" : "this",
-            "type" : "Roo.TabPanelItem",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "activate",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Activates this TabPanelItem -- this <b>does</b> deactivate the currently active TabPanelItem.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Disables this TabPanelItem -- this does nothing if this is the active TabPanelItem.",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Enables this TabPanelItem if it was previously disabled.",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
         "name" : "fireEvent",
         "type" : "function",
         "desc" : "Fires the specified event with the passed parameters (minus the event name).",
         ]
       },
       {
-        "name" : "getText",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Returns the text for this tab",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets the {@link Roo.UpdateManager} for the body of this TabPanelItem. Enables you to perform Ajax updates.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "hasListener",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this TabPanelItem -- if you don't activate another TabPanelItem this could look odd.",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "isActive",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Returns true if this tab is the active tab.",
+        "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isHidden",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if this tab is \"hidden\"",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Forces a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the setUrl method has not been called.\n  This does not activate the panel, just updates its content.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setContent",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Sets the content for this TabPanelItem.",
-        "sig" : "(content, loadScripts)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The content",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "true to look for and load scripts",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setHidden",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Show or hide the tab",
-        "sig" : "(hidden)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "hidden",
+            "name" : "disabled",
             "type" : "Boolean",
-            "desc" : "True to hide or false to show.",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Sets the text for the tab (Note: this also sets the tooltip text)",
-        "sig" : "(text)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The tab's text and tooltip",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setTooltip",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Set the tooltip for the tab.",
-        "sig" : "(tooltip)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tooltip",
-            "type" : "String",
-            "desc" : "The tab's tooltip",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setUrl",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this TabPanelItem.",
-        "sig" : "(url, params, loadOnce)",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from, or a function to call to get the URL",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadOnce",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this TabPanelItem is activated. (Defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Shows this TabPanelItem -- this <b>does not</b> deactivate the currently active TabPanelItem.",
+        "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
       },
       {
         "name" : "un",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.Template" : {
+  "Roo.bootstrap.Body" : {
     "props" : [
       {
-        "name" : "html",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
-        "memberOf" : ""
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "onLoad",
-        "type" : "Function",
-        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
-        "memberOf" : ""
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "url",
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
         "type" : "String",
-        "desc" : "The Url to load the template from. beware if you are loading from a url, the data may not be ready if you use it instantly..\n                   it should be fixed so that template is observable...",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
-    "events" : [],
-    "methods" : [
+    "events" : [
       {
-        "name" : "append",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and appends the new node(s) to el.",
-        "sig" : "(el, values, returnElement)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "apply",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Alias for {@link #applyTemplate}",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "applyTemplate",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Returns an HTML fragment of this template with the specified values applied.",
-        "sig" : "(values)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "The HTML fragment"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "compile",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Compiles the template into an internal function, eliminating the RegEx overhead.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Template",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "from",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Creates a template from the passed element's value (<i>display:none</i> textarea, preferred) or innerHTML.",
-        "sig" : "(el)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement",
-            "desc" : "A DOM element or its id",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "insertAfter",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) after el.",
-        "sig" : "(el, values, returnElement)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "insertBefore",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) before el.",
-        "sig" : "(el, values, returnElement)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "insertFirst",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) as the first child of el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
+            "name" : "object",
             "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "overwrite",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and overwrites the content of el with the new node(s).",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "values",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "set",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Sets the HTML used as the template and optionally compiles it.",
-        "sig" : "(html, compile)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "compile",
-            "type" : "Boolean",
-            "desc" : "(optional) True to compile the template (defaults to undefined)",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Template",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.DomTemplate",
-      "Roo.MasterTemplate",
-      "Roo.XTemplate"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Toolbar" : {
-    "props" : [
-      {
-        "name" : "container",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The id or element that will contain the toolbar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "items",
-        "type" : "Array",
-        "desc" : "array of button configs or elements to add (will be converted to a MixedCollection)",
-        "memberOf" : ""
+        ],
+        "returns" : []
       },
       {
-        "name" : "text",
-        "type" : "string",
-        "desc" : "",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "add",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Adds element(s) to the toolbar -- this function takes a variable number of \narguments of mixed type and adds them to the toolbar.",
-        "sig" : "(arg1, arg2)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "arg1",
-            "type" : "Mixed",
-            "desc" : "The following types of arguments are all valid:<br />\n<ul>\n<li>{@link Roo.Toolbar.Button} config: A valid button config object (equivalent to {@link #addButton})</li>\n<li>HtmlElement: Any standard HTML element (equivalent to {@link #addElement})</li>\n<li>Field: Any form field (equivalent to {@link #addField})</li>\n<li>Item: Any subclass of {@link Roo.Toolbar.Item} (equivalent to {@link #addItem})</li>\n<li>String: Any generic string (gets wrapped in a {@link Roo.Toolbar.TextItem}, equivalent to {@link #addText}).\nNote that there are a few special strings that are treated differently as explained nRoo.</li>\n<li>'separator' or '-': Creates a separator element (equivalent to {@link #addSeparator})</li>\n<li>' ': Creates a spacer element (equivalent to {@link #addSpacer})</li>\n<li>'->': Creates a fill element (equivalent to {@link #addFill})</li>\n</ul>",
-            "isOptional" : false
-          },
-          {
-            "name" : "arg2",
-            "type" : "Mixed",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addButton",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Adds a button (or buttons). See {@link Roo.Toolbar.Button} for more info on the config.",
-        "sig" : "(config)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object/Array",
-            "desc" : "A button config or array of configs",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Button/Array",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addDom",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Adds a new element to the toolbar from the passed {@link Roo.DomHelper} config.",
-        "sig" : "(config)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The element's item"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addElement",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Adds any standard HTML element to the toolbar",
-        "sig" : "(el)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element or id of the element to add",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The element's item"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "addField",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Adds a dynamically rendered Roo.form field (TextField, ComboBox, etc).\nNote: the field should not have been rendered yet. For a field that has already been\nrendered, use {@link #addElement}.",
-        "sig" : "(field)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ToolbarItem",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addFill",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Adds a fill element that forces subsequent additions to the right side of the toolbar",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Fill",
-            "desc" : "The fill item"
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "addItem",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Adds any Toolbar.Item or subclass",
-        "sig" : "(item)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "item",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The item"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "addSeparator",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Adds a separator",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The separator item"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "addSpacer",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Adds a spacer element",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Toolbar.Spacer",
-            "desc" : "The spacer item"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addText",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Adds text to the toolbar",
-        "sig" : "(text)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The text to add",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Item",
-            "desc" : "The element's item"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "addxtype",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Add an Xtype element",
-        "sig" : "(xtype)",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "xtype",
-            "type" : "Object",
-            "desc" : "Xtype Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "created Object"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Returns the Element for this toolbar.",
+        "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Hide the toolbar",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "insertButton",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Inserts any {@link Roo.Toolbar.Item}/{@link Roo.Toolbar.Button} at the specified index.",
-        "sig" : "(index, item)",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index where the item is to be inserted",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "item",
-            "type" : "Object/Roo.Toolbar.Item/Roo.Toolbar.Button (may be Array)",
-            "desc" : "The button, or button config object to be inserted.",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisibilityEl",
+        "type" : "function",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar.Button/Item",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show the toolbar",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.PagingToolbar"
-    ],
+    "implementations" : [],
     "tree_children" : [
-      "Roo.Toolbar.Item",
-      "Roo.Toolbar.Fill",
-      "Roo.Toolbar.Separator",
-      "Roo.Toolbar.Spacer",
-      "Roo.Toolbar.TextItem",
-      "Roo.form.Field",
-      "Roo.form.Checkbox",
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
-      "Roo.form.FCKeditor",
-      "Roo.form.GridField",
-      "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Radio",
-      "Roo.form.Select",
-      "Roo.form.Signature",
-      "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TriggerField"
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
     ],
-    "tree_parent" : []
+    "tree_parent" : [
+      "none",
+      "builder"
+    ]
   },
-  "Roo.Toolbar.Button" : {
+  "Roo.bootstrap.Brick" : {
     "props" : [
       {
-        "name" : "clickEvent",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
-        "memberOf" : "Roo.Button"
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cls",
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "bgimage",
         "type" : "String",
-        "desc" : "A CSS class to apply to the button's main element.",
-        "memberOf" : "Roo.Button"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "True to start disabled (defaults to false)",
-        "memberOf" : "Roo.Button"
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableToggle",
-        "type" : "Boolean",
-        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
-        "memberOf" : "Roo.Button"
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "handleMouseEvents",
-        "type" : "Boolean",
-        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
-        "memberOf" : "Roo.Button"
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function called when the button is clicked (can be used instead of click event)",
-        "memberOf" : "Roo.Button"
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to start hidden (defaults to false)",
-        "memberOf" : "Roo.Button"
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "icon",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
-        "memberOf" : "Roo.Button"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "iconCls",
+        "name" : "href",
         "type" : "String",
-        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
-        "memberOf" : "Roo.Button"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
-        "memberOf" : "Roo.Button"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menuAlign",
-        "type" : "String",
-        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
-        "memberOf" : "Roo.Button"
+        "name" : "square",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
-        "memberOf" : "Roo.Button"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "pressed",
-        "type" : "Boolean",
-        "desc" : "True to start pressed (only if enableToggle = true)",
-        "memberOf" : "Roo.Button"
+        "name" : "title",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "renderTo",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The element to append the button to",
-        "memberOf" : "Roo.Button"
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "repeat",
-        "type" : "Boolean/Object",
-        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
-        "memberOf" : "Roo.Button"
+        "name" : "video",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "scope",
-        "type" : "Object",
-        "desc" : "The scope of the handler",
-        "memberOf" : "Roo.Button"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
-        "memberOf" : "Roo.Button"
-      },
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
       {
-        "name" : "template",
-        "type" : "Roo.Template",
-        "desc" : "(Optional)\nAn {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
-        "memberOf" : "Roo.Button"
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "text",
-        "type" : "String",
-        "desc" : "The button text",
-        "memberOf" : "Roo.Button"
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "toggleGroup",
-        "type" : "String",
-        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
-        "memberOf" : "Roo.Button"
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "String/Object",
-        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
-        "memberOf" : "Roo.Button"
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "tooltipType",
-        "type" : "String",
-        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
-        "memberOf" : "Roo.Button"
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
-        "memberOf" : "Roo.Button"
-      }
-    ],
-    "events" : [
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "Fires when this button is clicked",
+        "desc" : "When a Brick is click",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.bootstrap.Brick",
             "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The click event",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when the mouse exits the button",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires when the mouse hovers over the button",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when the button is rendered",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
-        "sig" : "function (_self, pressed)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "pressed",
-            "type" : "Boolean",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Removes and destroys this button",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disables this item",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enables this item",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
       {
         "name" : "focus",
         "type" : "function",
-        "desc" : "Focus the button",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
       },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the button's underlying element",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "name" : "getText",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Gets the text for this button",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "String",
-            "desc" : "The button text"
+            "desc" : ""
           }
         ]
       },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "hasListener",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this button",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Convenience function for boolean enable/disable",
-        "sig" : "(enabled)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "enabled",
-            "type" : "Boolean",
-            "desc" : "True to enable, false to disable",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setHandler",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Assigns this button's click handler",
-        "sig" : "(handler, scope)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The function to call when the button is clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) Scope for the function passed in",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Sets this button's text",
-        "sig" : "(text)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The button text",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "name" : "setVisible",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide",
+        "desc" : "Convenience function to hide or show this component by boolean.",
         "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Shows this button",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
-        "sig" : "(state)",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "(optional) Force a particular state",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
         "name" : "un",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.Toolbar.Fill" : {
-    "props" : [],
-    "events" : [
+  "Roo.bootstrap.Button" : {
+    "props" : [
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires when the button is rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Toolbar.Item",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Button",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Removes and destroys this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disables this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
+        "name" : "badge",
+        "type" : "String",
+        "desc" : "text for badge",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "badge_weight",
+        "type" : "String",
+        "desc" : "k) default (same as butto",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "depricated - use fa",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grpup",
+        "type" : "Boolean",
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "empty or href",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "The button content",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "dark themed version",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "isClose",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menu",
+        "type" : "Roo.bootstrap.menu.Menu",
+        "desc" : "a Menu",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "offtext",
+        "type" : "String",
+        "desc" : "text for off slidy toggle state",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ontext",
+        "type" : "String",
+        "desc" : "text for on slidy toggle state",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "outline",
+        "type" : "Boolean",
+        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "default null - if the button ahs active state",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "default true (stop click event triggering the URL if it's a link.)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "removeClass",
+        "type" : "Boolean",
+        "desc" : "remove the standard class..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "lg",
+          "sm",
+          "xs"
+        ]
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "a",
+          "input",
+          "submit"
+        ]
+      },
+      {
+        "name" : "target",
+        "type" : "String",
+        "desc" : "r) target for a hre",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other"
+        ]
+      },
+      {
+        "name" : "theme",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "glow"
+        ]
+      },
+      {
+        "name" : "toggle",
+        "type" : "Boolean",
+        "desc" : "is it a slidy toggle button",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "k) defau",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Enables this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Try to focus this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Get this item's HTML Element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : ""
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a button is pressed",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "dblclick",
+        "type" : "function",
+        "desc" : "When a button is double clicked",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide.",
-        "sig" : "(visible)",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "After the button has been toggles",
+        "sig" : "function (btn, e, pressed)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "pressed",
+            "type" : "boolean",
+            "desc" : "(also available as button.pressed)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "true to show/false to hide",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Shows this item.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Toolbar.Item" : {
-    "props" : [],
-    "events" : [
+      },
       {
-        "name" : "render",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires when the button is rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Button",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Removes and destroys this item.",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disables this item.",
+        "desc" : "Disable this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enables this item.",
+        "desc" : "Enables this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Try to focus this item.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Get this item's HTML Element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Hides this item.",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide.",
-        "sig" : "(visible)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "true to show/false to hide",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "show",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Shows this item.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.Toolbar.Fill",
-      "Roo.Toolbar.Separator",
-      "Roo.Toolbar.Spacer",
-      "Roo.Toolbar.TextItem"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Toolbar.Separator" : {
-    "props" : [],
-    "events" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
+      },
       {
-        "name" : "render",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Fires when the button is rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Toolbar.Item",
+        "desc" : "get the text of the first selected button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Button",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "destroy",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Removes and destroys this item.",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Disables this item.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Enables this item.",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Try to focus this item.",
+        "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "isActive",
         "type" : "function",
-        "desc" : "Get this item's HTML Element",
+        "desc" : "get the current active state",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : ""
+            "type" : "boolean",
+            "desc" : "true if it's active"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Hides this item.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide.",
-        "sig" : "(visible)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "true to show/false to hide",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Shows this item.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.Toolbar.Spacer" : {
-    "props" : [],
-    "events" : [
+      },
       {
-        "name" : "render",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires when the button is rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Toolbar.Item",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Button",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "destroy",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes and destroys this item.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Disables this item.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "setActive",
         "type" : "function",
-        "desc" : "Enables this item.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "sets the active state on/off,",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "(optional) Force a particular state",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Try to focus this item.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Get this item's HTML Element",
+        "desc" : "set the text of the first selected button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Hides this item.",
+        "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "setVisible",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide.",
+        "desc" : "Convenience function to hide or show this component by boolean.",
         "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "visible",
             "type" : "Boolean",
-            "desc" : "true to show/false to hide",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
         "name" : "show",
         "type" : "function",
-        "desc" : "Shows this item.",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "toggleActive",
+        "type" : "function",
+        "desc" : "toggles the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.Toolbar.Fill"
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.form.CardUploader"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.Toolbar.SplitButton" : {
+  "Roo.bootstrap.ButtonGroup" : {
     "props" : [
       {
-        "name" : "arrowHandler",
-        "type" : "Function",
-        "desc" : "A function called when the arrow button is clicked (can be used instead of click event)",
-        "memberOf" : "Roo.SplitButton"
-      },
-      {
-        "name" : "arrowTooltip",
-        "type" : "String",
-        "desc" : "The title attribute of the arrow",
-        "memberOf" : "Roo.SplitButton"
-      },
-      {
-        "name" : "clickEvent",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "The type of event to map to the button's event handler (defaults to 'click')",
-        "memberOf" : "Roo.Button"
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cls",
+        "name" : "align",
         "type" : "String",
-        "desc" : "A CSS class to apply to the button's main element.",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to start disabled (defaults to false)",
-        "memberOf" : "Roo.Button"
+        "desc" : "vertical | justified  (default none)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableToggle",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to enable pressed/not pressed toggling (defaults to false)",
-        "memberOf" : "Roo.Button"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "handleMouseEvents",
+        "name" : "btn",
         "type" : "Boolean",
-        "desc" : "False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function called when the button is clicked (can be used instead of click event)",
-        "memberOf" : "Roo.Button"
+        "desc" : "true | false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "True to start hidden (defaults to false)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "The path to an image to display in the button (the image will be set as the background-image\nCSS property of the button by default, so if you want a mixed icon/text button, set cls:\"x-btn-text-icon\")",
-        "memberOf" : "Roo.Button"
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "iconCls",
+        "name" : "cls",
         "type" : "String",
-        "desc" : "A css class which sets a background image to be used as the icon for this button (defaults to undefined).",
-        "memberOf" : "Roo.Button"
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).",
-        "memberOf" : "Roo.Button"
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menuAlign",
+        "name" : "direction",
         "type" : "String",
-        "desc" : "The position to align the menu to (see {@link Roo.Element#alignTo} for more details, defaults to 'tl-bl?').",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum width for this button (used to give a set of buttons a common width)",
-        "memberOf" : "Roo.Button"
-      },
-      {
-        "name" : "pressed",
-        "type" : "Boolean",
-        "desc" : "True to start pressed (only if enableToggle = true)",
-        "memberOf" : "Roo.Button"
+        "desc" : "up | down (default down)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "renderTo",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The element to append the button to",
-        "memberOf" : "Roo.Button"
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "repeat",
-        "type" : "Boolean/Object",
-        "desc" : "True to repeat fire the click event while the mouse is down. This can also be\n  an {@link Roo.util.ClickRepeater} config object (defaults to false).",
-        "memberOf" : "Roo.Button"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "scope",
+        "name" : "listeners",
         "type" : "Object",
-        "desc" : "The scope of the handler",
-        "memberOf" : "Roo.Button"
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The DOM tabIndex for this button (defaults to undefined)",
-        "memberOf" : "Roo.Button"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "template",
-        "type" : "Roo.Template",
-        "desc" : "(Optional)\nAn {@link Roo.Template} with which to create the Button's main element. This Template must\ncontain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could\nrequire code modifications if required elements (e.g. a button) aren't present.",
-        "memberOf" : "Roo.Button"
+        "name" : "size",
+        "type" : "String",
+        "desc" : "lg | sm | xs (default empty normal)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "text",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The button text",
-        "memberOf" : "Roo.Button"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toggleGroup",
-        "type" : "String",
-        "desc" : "The group this toggle button is a member of (only 1 per group can be pressed, only\n   applies if enableToggle = true)",
-        "memberOf" : "Roo.Button"
+        "name" : "toolbar",
+        "type" : "Boolean",
+        "desc" : "false | true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
-        "type" : "String/Object",
-        "desc" : "The tooltip for the button - can be a string or QuickTips config object",
-        "memberOf" : "Roo.Button"
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltipType",
-        "type" : "String",
-        "desc" : "The type of tooltip to use. Either \"qtip\" (default) for QuickTips or \"title\" for title attribute.",
-        "memberOf" : "Roo.Button"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "The button's type, corresponding to the DOM input element type attribute.  Either \"submit,\" \"reset\" or \"button\" (default).",
-        "memberOf" : "Roo.Button"
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "arrowclick",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when this button's arrow is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.SplitButton",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "SplitButton",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The click event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires when this button is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The click event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires when the mouse exits the button",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires when the mouse hovers over the button",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when the button is rendered",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when the \"pressed\" state of this button changes (only if enableToggle = true)",
-        "sig" : "function (_self, pressed)\n{\n\n}",
-        "memberOf" : "Roo.Button",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Button",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "pressed",
-            "type" : "Boolean",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "addItem",
+        "type" : "function",
+        "desc" : "Add a button to the group (similar to NavItem API.)",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "addListener",
         "type" : "function",
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Removes and destroys this button",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this button",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this button",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
       {
         "name" : "focus",
         "type" : "function",
-        "desc" : "Focus the button",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.SplitButton",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
       },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the button's underlying element",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "name" : "getText",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Gets the text for this button",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "String",
-            "desc" : "The button text"
+            "desc" : ""
           }
         ]
       },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "hasListener",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this button",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setArrowHandler",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Sets this button's arrow click handler",
-        "sig" : "(handler, scope)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.SplitButton",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The function to call when the arrow is clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) Scope for the function passed above",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
       {
         "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Convenience function for boolean enable/disable",
-        "sig" : "(enabled)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "enabled",
+            "name" : "disabled",
             "type" : "Boolean",
-            "desc" : "True to enable, false to disable",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setHandler",
-        "type" : "function",
-        "desc" : "Sets this button's click handler",
-        "sig" : "(handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.SplitButton",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The function to call when the button is clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) Scope for the function passed above",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Sets this button's text",
-        "sig" : "(text)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The button text",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "name" : "setVisible",
         "type" : "function",
-        "desc" : "Convenience function for boolean show/hide",
+        "desc" : "Convenience function to hide or show this component by boolean.",
         "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Shows this button",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "If a state it passed, it becomes the pressed state otherwise the current state is toggled.",
-        "sig" : "(state)",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Button",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "(optional) Force a particular state",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
         "name" : "un",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.Form"
+    ],
     "tree_parent" : []
   },
-  "Roo.Toolbar.TextItem" : {
+  "Roo.bootstrap.ButtonUploader" : {
     "props" : [
       {
-        "name" : "text",
-        "type" : "string",
-        "desc" : "",
-        "memberOf" : "Roo.Toolbar"
-      }
-    ],
-    "events" : [
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires when the button is rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Toolbar.Item",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Button",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Removes and destroys this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "badge",
+        "type" : "String",
+        "desc" : "text for badge",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disables this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "badge_weight",
+        "type" : "String",
+        "desc" : "k) default (same as butto",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enables this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Get this item's HTML Element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : ""
-          }
-        ]
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hides this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function for boolean show/hide.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "true to show/false to hide",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Shows this item.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Toolbar.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.TreePanel" : {
-    "props" : [
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "adjustments",
-        "type" : "Array",
-        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoCreate",
-        "type" : "Boolean|Object",
-        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "depricated - use fa",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "background",
+        "name" : "grpup",
         "type" : "Boolean",
-        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "True if the panel can be closed/removed",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "content",
+        "name" : "href",
         "type" : "String",
-        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "empty or href",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fitContainer",
+        "name" : "html",
+        "type" : "Array",
+        "desc" : "The button text.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "images",
+        "type" : "Array",
+        "desc" : "an array of ?? Img objects ??? when loading existing files..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inverse",
         "type" : "Boolean",
-        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "dark themed version",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fitToFrame",
+        "name" : "isClose",
         "type" : "Boolean",
-        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadOnce",
-        "type" : "Boolean",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "menu",
+        "type" : "Roo.bootstrap.menu.Menu",
+        "desc" : "a Menu",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "popup menu",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "multiple",
+        "type" : "Boolean",
+        "desc" : "(default true) Should the upload allow multiple files to be uploaded.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "params",
-        "type" : "String|Object",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "region",
+        "name" : "offtext",
         "type" : "String",
-        "desc" : "[required]   (center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "text for off slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "resizeEl",
-        "type" : "String|HTMLElement|Element",
-        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "ontext",
+        "type" : "String",
+        "desc" : "text for on slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "outline",
+        "type" : "Boolean",
+        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "default null - if the button ahs active state",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "default true (stop click event triggering the URL if it's a link.)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "removeClass",
+        "type" : "Boolean",
+        "desc" : "remove the standard class..",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
         "type" : "String",
-        "desc" : "Extra style to add to the content panel",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "lg",
+          "sm",
+          "xs"
+        ]
       },
       {
-        "name" : "title",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The title for this panel",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "A toolbar for this panel",
-        "memberOf" : "Roo.ContentPanel"
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "a",
+          "input",
+          "submit"
+        ]
       },
       {
-        "name" : "url",
+        "name" : "target",
         "type" : "String",
-        "desc" : "Calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.ContentPanel"
+        "desc" : "r) target for a hre",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other"
+        ]
+      },
+      {
+        "name" : "theme",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "glow"
+        ]
+      },
+      {
+        "name" : "toggle",
+        "type" : "Boolean",
+        "desc" : "is it a slidy toggle button",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "k) defau",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activate",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "When button is pressed, before show upload files dialog is shown",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploaderButton",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a button is pressed",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "dblclick",
+        "type" : "function",
+        "desc" : "When a button is double clicked",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "fired when files have been selected,",
+        "type" : "function",
+        "desc" : "When a the download link is clicked",
+        "sig" : "function (_self, Array)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploaderButton",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "Array",
+            "type" : "Array",
+            "desc" : "of files that have been uploaded",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this tab is created",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this panel is resized if fitToFrame is true.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
-        "memberOf" : "Roo.ContentPanel",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "After the button has been toggles",
+        "sig" : "function (btn, e, pressed)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The width after any component adjustments",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The height after any component adjustments",
+            "name" : "pressed",
+            "type" : "boolean",
+            "desc" : "(also available as button.pressed)",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
-      {
-        "name" : "addxtype",
-        "type" : "function",
-        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
-        "sig" : "(cfg)",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "cfg",
-            "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this panel",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enables this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.bootstrap.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Returns this panel's element - used by regiosn to add.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Returns this panel's id",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getTitle",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns this panel's title",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getToolbar",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the toolbar for this Panel if one was configured.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar",
+            "type" : "String",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
+        "desc" : "get the text of the first selected button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.bootstrap.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
-          }
-        ]
+        "returns" : []
+      },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "isClosable",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true is this panel was configured to be closable",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isActive",
+        "type" : "function",
+        "desc" : "get the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "this"
+            "type" : "boolean",
+            "desc" : "true if it's active"
           }
         ]
       },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.ContentPanel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setContent",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Updates this panel's element",
-        "sig" : "(content, loadScripts)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The new content",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Set this panel's title",
-        "sig" : "(title)",
+        "desc" : "addCard - add an Attachment to the uploader",
+        "sig" : "(data)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "",
+            "name" : "data",
+            "type" : "",
+            "desc" : "- the data about the image to upload\n\n{\n          id : 123\n          title : \"Title of file\",\n          is_uploaded : false,\n          src : \"http://.....\",\n          srcfile : { the File upload object },\n          mimetype : file.type,\n          preview : false,\n          is_deleted : 0\n          .. any other data...\n        }",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setUrl",
+        "name" : "setActive",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
-        "sig" : "(url, params, loadOnce)",
+        "desc" : "sets the active state on/off,",
+        "sig" : "(state)",
         "static" : false,
-        "memberOf" : "Roo.ContentPanel",
+        "memberOf" : "Roo.bootstrap.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from or a function to call to get the URL",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadOnce",
+            "name" : "state",
             "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
+            "desc" : "(optional) Force a particular state",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.UpdateManager" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforeupdate",
-        "type" : "function",
-        "desc" : "Fired before an update is made, return false from your handler and the update is cancelled.",
-        "sig" : "function (el, url, params)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "url",
-            "type" : "String/Object/Function",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "failure",
-        "type" : "function",
-        "desc" : "Fired on update failure.",
-        "sig" : "function (el, oResponseObject)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
+            "name" : "disabled",
+            "type" : "Boolean",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "oResponseObject",
-            "type" : "Object",
-            "desc" : "The response Object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "update",
-        "type" : "function",
-        "desc" : "Fired after successful update is made.",
-        "sig" : "function (el, oResponseObject)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "oResponseObject",
-            "type" : "Object",
-            "desc" : "The response Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "abort",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Aborts the executing transaction",
+        "desc" : "set the text of the first selected button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "formUpdate",
+        "name" : "toggleActive",
         "type" : "function",
-        "desc" : "Performs an async form post, updating this element with the response. If the form has the attribute enctype=\"multipart/form-data\", it assumes it's a file upload.\nUses this.sslBlankUrl for SSL file uploads to prevent IE security warning.",
-        "sig" : "(form, url, reset, callback)",
+        "desc" : "toggles the current active state",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "form",
-            "type" : "String/HTMLElement",
-            "desc" : "The form Id or form element",
-            "isOptional" : false
-          },
-          {
-            "name" : "url",
-            "type" : "String",
-            "desc" : "(optional) The url to pass the form to. If omitted the action attribute on the form will be used.",
-            "isOptional" : false
-          },
-          {
-            "name" : "reset",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to try to reset the form after the update",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess, oResponse)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Get the Element this UpdateManager is bound to",
+        "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The element"
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "isUpdating",
-        "type" : "function",
-        "desc" : "Returns true if an update is in progress",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.Calendar" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "header",
+        "type" : "Object",
+        "desc" : "generate the user specific header of the calendar, default false",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
         ]
       },
       {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Refresh the element with the last used url or defaultUrl. If there is no url, it returns immediately",
-        "sig" : "(callback)",
-        "static" : false,
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "startDay",
+        "type" : "Number",
+        "desc" : "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data source for the calendar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDefaultUrl",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Set the defaultUrl used for updates",
-        "sig" : "(defaultUrl)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "defaultUrl",
-            "type" : "String/Function",
-            "desc" : "The url or a function to call to get the url",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setRenderer",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Set the content renderer for this UpdateManager. See {@link Roo.UpdateManager.BasicRenderer#render} for more details.",
-        "sig" : "(renderer)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "renderer",
-            "type" : "Object",
-            "desc" : "The object implementing the render() method",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "showLoading",
-        "type" : "function",
-        "desc" : "Called to update the element to \"Loading\" state. Override to perform custom action.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "startAutoRefresh",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Set this element to auto refresh.",
-        "sig" : "(interval, url, params, callback, refreshNow)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "interval",
-            "type" : "Number",
-            "desc" : "How often to update (in seconds).",
-            "isOptional" : false
-          },
-          {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "(optional) The url for this request or a function to call to get the url (Defaults to the last used url)",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a url encoded string \"&param1=1&param2=2\" or as an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess)",
-            "isOptional" : false
-          },
-          {
-            "name" : "refreshNow",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to execute the refresh now, or wait the interval",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "stopAutoRefresh",
-        "type" : "function",
-        "desc" : "Stop auto refresh on this element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "un",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "update",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Performs an async request, updating this element with the response. If params are specified it uses POST, otherwise it uses GET.",
-        "sig" : "(url, params, callback, discardUrl)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\num.update({<br/>\n    url: \"your-url.php\",<br/>\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string<br/>\n    callback: yourFunction,<br/>\n    scope: yourObject, //(optional scope)  <br/>\n    discardUrl: false, <br/>\n    nocache: false,<br/>\n    text: \"Loading...\",<br/>\n    timeout: 30,<br/>\n    scripts: false<br/>\n});\n</code></pre>\nThe only required property is url. The optional properties nocache, text and scripts\nare shorthand for disableCaching, indicatorText and loadScripts and are used to set their associated property on this UpdateManager instance.",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a url encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete - called with signature (oElement, bSuccess, oResponse)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used url. If true, it will not store the url.",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "updateElement",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Static convenience method. This method is deprecated in favor of el.load({url:'foo.php', ...}).\nUsage:\n<pre><code>Roo.UpdateManager.updateElement(\"my-div\", \"stuff.php\");</code></pre>",
-        "sig" : "(el, url, params, options)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
-        "deprecated" : "This has been deprecated: ",
+        "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to update",
-            "isOptional" : false
-          },
-          {
-            "name" : "url",
-            "type" : "String",
-            "desc" : "The url",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) Url encoded param string or an object of name/value pairs",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) A config object with any of the UpdateManager properties you want to set - for example: {disableCaching:true, indicatorText: \"Loading data...\"}",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.UpdateManager.BasicRenderer" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "render",
+        "name" : "eventclick",
         "type" : "function",
-        "desc" : "This is called when the transaction is completed and it's time to update the element - The BasicRenderer\nupdates the elements innerHTML with the responseText - To perform a custom render (i.e. XML or JSON processing),\ncreate an object with a \"render(el, response)\" method and pass it to setRenderer on the UpdateManager.",
-        "sig" : "(el, response, updateManager, callback)",
-        "static" : false,
+        "desc" : "Fires when the mouse click an",
+        "sig" : "function (_self, )\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "The element being rendered",
-            "isOptional" : false
-          },
-          {
-            "name" : "response",
-            "type" : "Object",
-            "desc" : "The YUI Connect response object",
-            "isOptional" : false
-          },
-          {
-            "name" : "updateManager",
-            "type" : "UpdateManager",
-            "desc" : "The calling update manager",
+            "name" : "this",
+            "type" : "Calendar",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "A callback that will need to be called if loadScripts is true on the UpdateManager",
+            "name" : "",
+            "type" : "event",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.UpdateManager.defaults" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.View" : {
-    "props" : [
-      {
-        "name" : "dataName",
-        "type" : "String",
-        "desc" : "the named area of the template to use as the data area\n                         Works with domtemplates roo-name=\"name\"",
-        "memberOf" : ""
-      },
-      {
-        "name" : "el",
-        "type" : "String|Roo.Element",
-        "desc" : "The container element.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The empty text to show when nothing is loaded.",
-        "memberOf" : ""
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "multiSelect",
-        "type" : "Boolean",
-        "desc" : "Allow multiple selection",
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectedClass",
-        "type" : "String",
-        "desc" : "The css class to add to selected nodes",
-        "memberOf" : ""
-      },
-      {
-        "name" : "singleSelect",
-        "type" : "Boolean",
-        "desc" : "Allow single selection",
-        "memberOf" : ""
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "Data store to load data from.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "text",
-        "type" : "String",
-        "desc" : "to display on mask (default Loading)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tickable",
-        "type" : "Boolean",
-        "desc" : "- selecting",
-        "memberOf" : ""
-      },
-      {
-        "name" : "toggleSelect",
-        "type" : "Boolean",
-        "desc" : "- selecting",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tpl",
-        "type" : "String|Roo.Template",
-        "desc" : "The template used by this View",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforeclick",
+        "name" : "evententer",
         "type" : "function",
-        "desc" : "Fires before a click is processed. Returns false to cancel the default action.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "desc" : "Fires when mouse over an event",
+        "sig" : "function (_self, Event)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.View",
+            "type" : "Calendar",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
+            "name" : "Event",
+            "type" : "event",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeselect",
+        "name" : "eventleave",
         "type" : "function",
-        "desc" : "Fires before a selection is made. If any handlers return false, the selection is cancelled.",
-        "sig" : "function (_self, node, selections)\n{\n\n}",
+        "desc" : "Fires when the mouse leaves an",
+        "sig" : "function (_self, )\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.View",
+            "type" : "Calendar",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The node to be selected",
-            "isOptional" : false
-          },
-          {
-            "name" : "selections",
-            "type" : "Array",
-            "desc" : "Array of currently selected nodes",
+            "name" : "",
+            "type" : "event",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when a template node is clicked.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.View",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "contextmenu",
+        "name" : "monthchange",
         "type" : "function",
-        "desc" : "Fires when a template node is right clicked.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
+        "desc" : "Fires when the displayed month changes",
+        "sig" : "function (_self, date)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.View",
+            "type" : "DatePicker",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected month",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dblclick",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when a template node is double clicked.",
-        "sig" : "function (_self, index, node, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.View",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "The target node",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The raw event object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "preparedata",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Fires on every row to render, to allow you to change the data.",
-        "sig" : "function (_self, data)\n{\n\n}",
+        "desc" : "Fires when a date is selected",
+        "sig" : "function (_self, date)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.View",
+            "type" : "DatePicker",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "to be rendered (change this)",
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected date",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "selectionchange",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when the selected nodes change.",
-        "sig" : "function (_self, selections)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.View",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "selections",
-            "type" : "Array",
-            "desc" : "Array of the selected nodes",
-            "isOptional" : false
           }
         ],
         "returns" : []
         "returns" : []
       },
       {
-        "name" : "clearSelections",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Clear all selections",
-        "sig" : "(suppressEvent)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "(optional) true to skip firing of the selectionchange event",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "findItemFromChild",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Returns the template node the passed child belongs to or null if it doesn't belong to one.",
-        "sig" : "(node)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The template node"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
         ]
       },
       {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the element this view is bound to.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getNode",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Gets a template node.",
-        "sig" : "(nodeInfo)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeInfo",
-            "type" : "HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "The node or null if it wasn't found"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getNodes",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Gets a range template nodes.",
-        "sig" : "(startIndex, endIndex)",
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "startIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "endIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "An array of nodes"
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getSelectedIndexes",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Get the indexes of the selected nodes.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getSelectedNodes",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Get the currently selected nodes.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "An array of HTMLElements"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getSelectionCount",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Get the number of selected nodes.",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "indexOf",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Finds the index of the passed node",
-        "sig" : "(nodeInfo)",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "nodeInfo",
-            "type" : "HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node or the id of a template node",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the node or -1"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "isSelected",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Returns true if the passed node is selected",
-        "sig" : "(node)",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "node",
-            "type" : "HTMLElement/Number",
-            "desc" : "The node or node index",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "onBeforeLoad",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "onbeforeLoad - masks the loading area.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "prepareData",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Function to override to reformat the data that is sent to\nthe template for each node.\nDEPRICATED - use the preparedata event handler.",
-        "sig" : "(data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Array/Object",
-            "desc" : "The raw data (array of colData for a data model bound view or\na JSON object for an UpdateManager bound view).",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "refresh",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Refreshes the view. - called by datachanged on the store. - do not call directly.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "refreshNode",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Refresh an individual node.",
-        "sig" : "(index)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
+            "name" : "disabled",
+            "type" : "Boolean",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Removes a listener",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.Card" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Selects nodes.",
-        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
-        "static" : false,
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "display",
+        "type" : "String",
+        "desc" : "",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_lg",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_sm",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_xl",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "display_xs",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "inline",
+          "inline-block",
+          "block",
+          "table",
+          "table-cell",
+          "table-row",
+          "flex",
+          "inline-flex"
+        ]
+      },
+      {
+        "name" : "footer",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "header",
+        "type" : "String|Object",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "header_image",
+        "type" : "String",
+        "desc" : "src url of image.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "header_size",
+        "type" : "Number",
+        "desc" : "5) H1 or H2 etc.. 0 indicates defau",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "header_weight",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "light",
+          "dark"
+        ]
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String|Boolean",
+        "desc" : "-- html contents - or just use children.. use false to hide it..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "margin",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
+      },
+      {
+        "name" : "margin_bottom",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
+      },
+      {
+        "name" : "margin_left",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
+      },
+      {
+        "name" : "margin_right",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
+      },
+      {
+        "name" : "margin_top",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
+      },
+      {
+        "name" : "margin_x",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
+      },
+      {
+        "name" : "margin_y",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "auto"
+        ]
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "padding",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "padding_bottom",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "padding_left",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "padding_right",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "padding_top",
+        "type" : "String",
+        "desc" : "5)next_to_ca",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "padding_x",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "padding_y",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "0",
+          "1",
+          "2",
+          "3",
+          "4",
+          "5"
+        ]
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "subtitle",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "primary",
+          "warning",
+          "info",
+          "danger",
+          "secondary",
+          "success",
+          "light",
+          "dark"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "nodeInfo",
-            "type" : "Array/HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) true to keep existing selections",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "(optional) true to skip firing of the selectionchange vent",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setStore",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Changes the data store this view uses and refresh the view.",
-        "sig" : "(store)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "store",
-            "type" : "Store",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "cardover",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "When a card element is dragged over ready to drop (return false to block dropable)",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Card",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "from dragdrop",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unselect",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Unselects nodes.",
-        "sig" : "(nodeInfo, keepExisting, suppressEvent)",
-        "static" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "drop",
+        "type" : "function",
+        "desc" : "When a element a card is dropped",
+        "sig" : "function (_self, move_card, position, next_to_card)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "nodeInfo",
-            "type" : "Array/HTMLElement/String/Number",
-            "desc" : "An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Card",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) true IGNORED (for campatibility with select)",
+            "name" : "move_card",
+            "type" : "Roo.bootstrap.Card",
+            "desc" : "the card being dropped?",
             "isOptional" : false
           },
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "(optional) true to skip firing of the selectionchange vent",
+            "name" : "position",
+            "type" : "String",
+            "desc" : "'above' or 'below'",
+            "isOptional" : false
+          },
+          {
+            "name" : "next_to_card",
+            "type" : "Roo.bootstrap.Card",
+            "desc" : "What card position is relative to of 'false' for empty list.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.JsonView"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.XComponent" : {
-    "props" : [
-      {
-        "name" : "disabled",
-        "type" : "Function|boolean",
-        "desc" : "If this module is disabled by some rule, return true from the funtion",
-        "memberOf" : ""
-      },
-      {
-        "name" : "items",
-        "type" : "Array",
-        "desc" : "A single item array - the first element is the root of the tree..\nIt's done this way to stay compatible with the Xtype system...",
-        "memberOf" : ""
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "String to display while loading.",
-        "memberOf" : ""
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "order",
-        "type" : "String",
-        "desc" : "Used to set the order in which elements are created (usefull for multiple tabs)",
-        "memberOf" : ""
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "parent",
-        "type" : "String",
-        "desc" : "Name of parent element which it get xtype added to..",
-        "memberOf" : ""
+        "name" : "rotate",
+        "type" : "function",
+        "desc" : "When a element a card is rotate",
+        "sig" : "function (_self, n, rotate)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Card",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "n",
+            "type" : "Roo.Element",
+            "desc" : "the node being dropped?",
+            "isOptional" : false
+          },
+          {
+            "name" : "rotate",
+            "type" : "Boolean",
+            "desc" : "status",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "region",
-        "type" : "String",
-        "desc" : "Region to render component to (defaults to center)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "built",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this the componnt is built",
-        "sig" : "function (c)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "c",
-            "type" : "Roo.XComponent",
-            "desc" : "the component",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       }
     ],
     "methods" : [
+      {
+        "name" : "acceptCard",
+        "type" : "function",
+        "desc" : "accept card\n\n-        card.acceptCard(move_card, info.position, info.card, info.items_n);",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "build",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Build the registered modules.",
-        "sig" : "(parent, optional)",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
         "static" : true,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "parent",
-            "type" : "Object",
-            "desc" : "element.",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "optional",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "method to call after module has been added.",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "buildOrder",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "make a list of modules to build.",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "list of modules."
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "capture",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "overlayStrings",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Overlay a set of modified strings onto a component\nThis is dependant on our builder exporting the strings and 'named strings' elements.",
-        "sig" : "(element, associative)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Fetch the element to add children to",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "element",
-            "type" : "Object",
-            "desc" : "to overlay on - eg. Pman.Dialog.Login",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "associative",
-            "type" : "Object",
-            "desc" : "array of 'named' string and it's new value.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "preBuild",
+        "name" : "getDropPoint",
         "type" : "function",
-        "desc" : "move modules into their correct place in the tree..",
+        "desc" : "Decide whether to drop above or below a View node.",
         "sig" : "()\n{\n\n}",
-        "static" : true,
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
       },
       {
-        "name" : "register",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Register components to be built later.\n\nThis solves the following issues\n- Building is not done on page load, but after an authentication process has occured.\n- Interface elements are registered on page load\n- Parent Interface elements may not be loaded before child, so this handles that..\n\n\nexample:\n\nMyApp.register({\n          order : '000001',\n          module : 'Pman.Tab.projectMgr',\n          region : 'center',\n          parent : 'Pman.layout',\n          disabled : false,  // or use a function..\n        })\n* @param {Object} details about module",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "getTargetFromEvent",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n   whole Element becomes the target, and this causes the drop gesture to append.\n\n   Returns an object:\n    {\n           \n           position : 'below' or 'above'\n           card  : relateive to card OBJECT (or true for no cards listed)\n           items_n : relative to nth item in list\n           card_n : relative to  nth card in list\n    }",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "render\nrender element to dom or tree",
-        "sig" : "(optional)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "optional",
-            "type" : "Roo.Element|String|DomElement",
-            "desc" : "render to if parent is not set.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "toObject",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "convert a string to an object..\neg. 'AAA.BBB' -> finds AAA.BBB",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.XComponent.event.events" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.XTemplate" : {
-    "props" : [
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "The HTML fragment or an array of fragments to join(\"\") or multiple arguments to join(\"\")",
-        "memberOf" : "Roo.Template"
       },
       {
-        "name" : "onLoad",
-        "type" : "Function",
-        "desc" : "Called after the template has been loaded and complied (usually from a remove source)",
-        "memberOf" : "Roo.Template"
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "The Url to load the template from. beware if you are loading from a url, the data may not be ready if you use it instantly..\n                   it should be fixed so that template is observable...",
-        "memberOf" : "Roo.Template"
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "append",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and appends the new node(s) to el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "values",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "apply",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Alias for {@link #applyTemplate}",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "applySubTemplate",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "same as applyTemplate, except it's done to one of the subTemplates\nwhen using named templates, you can do:\n\nvar str = pl.applySubTemplate('your-name', values);",
-        "sig" : "(id, values, parent)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "Number",
-            "desc" : "of the template",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "to apply to template",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Object",
-            "desc" : "(normaly the instance of this object)",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyTemplate",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Returns an HTML fragment of this template with the specified values applied.",
-        "sig" : "(values)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "values",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "The HTML fragment"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "compile",
+        "name" : "render",
         "type" : "function",
-        "desc" : "compile the template\n\nThis is not recursive, so I'm not sure how nested templates are really going to be handled..",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "from",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Creates a template from the passed element's value (<i>display:none</i> textarea, preferred) or innerHTML.",
-        "sig" : "(el)",
-        "static" : true,
-        "memberOf" : "Roo.Template",
-        "isStatic" : true,
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement",
-            "desc" : "A DOM element or its id",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "insertAfter",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) after el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "insertBefore",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) before el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
+            "name" : "visible",
             "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "insertFirst",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and inserts the new node(s) as the first child of el.",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "overwrite",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Applies the supplied values to the template and overwrites the content of el with the new node(s).",
-        "sig" : "(el, values, returnElement)",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The context element",
-            "isOptional" : false
-          },
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "The template values. Can be an array if your params are numeric (i.e. {0}) or an object (i.e. {foo: 'bar'})",
-            "isOptional" : false
-          },
-          {
-            "name" : "returnElement",
-            "type" : "Boolean",
-            "desc" : "(optional) true to return a Roo.Element (defaults to undefined)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement/Roo.Element",
-            "desc" : "The new node or Element"
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "set",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Sets the HTML used as the template and optionally compiles it.",
-        "sig" : "(html, compile)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Template",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "compile",
-            "type" : "Boolean",
-            "desc" : "(optional) True to compile the template (defaults to undefined)",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Template",
-            "desc" : "this"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.CardFooter",
+      "Roo.bootstrap.CardHeader",
+      "Roo.bootstrap.CardImageTop",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Alert" : {
+  "Roo.bootstrap.CardFooter" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "close",
+        "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "true to show a x closer",
-        "memberOf" : ""
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "font-awesomeicon",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "The content of alert",
-        "memberOf" : ""
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "seconds",
-        "type" : "Number",
-        "desc" : "default:-1 Number of seconds until it disapears (-1 means never.)",
-        "memberOf" : ""
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "role",
+        "type" : "String",
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "The title of alert",
-        "memberOf" : ""
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "r) Weight of the message",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hide the Alert",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ],
         "returns" : []
       },
-      {
-        "name" : "setHtml",
-        "type" : "function",
-        "desc" : "Set the Body Message HTML",
-        "sig" : "(html)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setIcon",
-        "type" : "function",
-        "desc" : "Set the Icon of the alert",
-        "sig" : "(see)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "see",
-            "type" : "String",
-            "desc" : "fontawsome names (name without the 'fa-' bit)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setTitle",
-        "type" : "function",
-        "desc" : "Set the Title Message HTML",
-        "sig" : "(html)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "setWeight",
-        "type" : "function",
-        "desc" : "Set the Weight of the alert",
-        "sig" : "((success|info|warning|danger))",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "(success|info|warning|danger)",
-            "type" : "String",
-            "desc" : "weight",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show the Alert",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
+    "tree_parent" : [
+      "Roo.bootstrap.Card"
+    ]
   },
-  "Roo.bootstrap.BezierSignature" : {
+  "Roo.bootstrap.CardHeader" : {
     "props" : [
-      {
-        "name" : "Add",
-        "type" : "integer",
-        "desc" : "the next point only if the previous one is farther than x pixels. Defaults to 5.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "Callback",
-        "type" : "function",
-        "desc" : "when stroke begin.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "Color",
-        "type" : "string",
-        "desc" : "used to draw the lines. Can be any color format accepted by context.fillStyle. Defaults to \"black\".",
-        "memberOf" : ""
-      },
-      {
-        "name" : "Draw",
-        "type" : "integer",
-        "desc" : "the next point at most once per every x milliseconds. Set it to 0 to turn off throttling. Defaults to 16.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "Maximum",
-        "type" : "float",
-        "desc" : "width of a line. Defaults to 2.5.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "Minimum",
-        "type" : "float",
-        "desc" : "width of a line. Defaults to 0.5.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "Radius",
-        "type" : "float|function",
-        "desc" : "of a single dot.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "Weight",
-        "type" : "float",
-        "desc" : "used to modify new velocity based on the previous velocity. Defaults to 0.7.",
-        "memberOf" : ""
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "canvas",
-        "type" : "int",
-        "desc" : "height",
-        "memberOf" : ""
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "role",
+        "type" : "String",
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
+    "tree_parent" : [
+      "Roo.bootstrap.Card"
+    ]
   },
-  "Roo.bootstrap.Body" : {
+  "Roo.bootstrap.CardImageTop" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "clickable",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "contents of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "role",
+        "type" : "String",
+        "desc" : "default blank - set to button to force cursor pointer",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "tag of the element",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Element",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
       "Roo.bootstrap.form.MoneyField",
       "Roo.bootstrap.form.MonthField",
       "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
       "Roo.bootstrap.form.PhoneInput",
       "Roo.bootstrap.form.Radio",
       "Roo.bootstrap.form.RadioSet",
       "Roo.bootstrap.nav.Simplebar"
     ],
     "tree_parent" : [
-      "none",
-      "builder"
+      "Roo.bootstrap.Card"
     ]
   },
-  "Roo.bootstrap.Brick" : {
+  "Roo.bootstrap.Column" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "alert",
+        "type" : "String",
+        "desc" : "r) type alert (changes background / border..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "bgimage",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "fa",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : ".) font awesome ic",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "ban",
+          "check",
+          "..."
+        ]
       },
       {
-        "name" : "href",
+        "name" : "fasize",
+        "type" : "Number",
+        "desc" : ".) font awsome si",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "1",
+          "2",
+          "...."
+        ]
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "e) hide the eleme",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "content of column.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : ".) glyphicon na",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "info-sign",
+          "check",
+          "..."
+        ]
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lgoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mdoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "square",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "smoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "style",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "video",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xsoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "When a Brick is click",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Brick",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
+    "implementations" : [
+      "Roo.bootstrap.TabGroup"
+    ],
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Button" : {
+  "Roo.bootstrap.Component" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "badge",
-        "type" : "String",
-        "desc" : "text for badge",
-        "memberOf" : ""
-      },
-      {
-        "name" : "badge_weight",
-        "type" : "String",
-        "desc" : "k) default (same as button)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "glyphicon",
-        "type" : "String",
-        "desc" : "depricated - use fa",
-        "memberOf" : ""
-      },
-      {
-        "name" : "grpup",
-        "type" : "Boolean",
-        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "empty or href",
-        "memberOf" : ""
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "The button content",
-        "memberOf" : ""
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "dark themed version",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isClose",
-        "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.bootstrap.menu.Menu",
-        "desc" : "a Menu",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "offtext",
-        "type" : "String",
-        "desc" : "text for off slidy toggle state",
-        "memberOf" : ""
-      },
-      {
-        "name" : "ontext",
-        "type" : "String",
-        "desc" : "text for on slidy toggle state",
-        "memberOf" : ""
-      },
-      {
-        "name" : "outline",
-        "type" : "Boolean",
-        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "pressed",
-        "type" : "Boolean",
-        "desc" : "default null - if the button ahs active state",
-        "memberOf" : ""
-      },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "default true (stop click event triggering the URL if it's a link.)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "removeClass",
-        "type" : "Boolean",
-        "desc" : "remove the standard class..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "size",
-        "type" : "String",
-        "desc" : "s)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "target",
-        "type" : "String",
-        "desc" : "r) target for a href.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "theme",
-        "type" : "String",
-        "desc" : "w)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "toggle",
-        "type" : "Boolean",
-        "desc" : "is it a slidy toggle button",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "k) default",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         ],
         "returns" : []
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "When a button is pressed",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "dblclick",
-        "type" : "function",
-        "desc" : "When a button is double clicked",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "toggle",
-        "type" : "function",
-        "desc" : "After the button has been toggles",
-        "sig" : "function (btn, e, pressed)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "pressed",
-            "type" : "boolean",
-            "desc" : "(also available as button.pressed)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this button",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enables this button",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
         "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
-      {
-        "name" : "getText",
-        "type" : "function",
-        "desc" : "get the text of the first selected button",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isActive",
-        "type" : "function",
-        "desc" : "get the current active state",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if it's active"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "isVisible",
         ],
         "returns" : []
       },
-      {
-        "name" : "setActive",
-        "type" : "function",
-        "desc" : "sets the active state on/off,",
-        "sig" : "(state)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "(optional) Force a particular state",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setText",
-        "type" : "function",
-        "desc" : "set the text of the first selected button",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "toggleActive",
-        "type" : "function",
-        "desc" : "toggles the current active state",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       }
     ],
-    "isAbstract" : false,
+    "isAbstract" : true,
     "isBuilderTop" : false,
     "implementations" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Body",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
       "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.form.CardUploader"
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.CardFooter",
+      "Roo.bootstrap.CardHeader",
+      "Roo.bootstrap.CardImageTop",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.Container",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Modal",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Popover",
+      "Roo.bootstrap.PopoverNav",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.TableBody",
+      "Roo.bootstrap.TableCell",
+      "Roo.bootstrap.TableRow",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Item",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.HtmlEditorToolbar.Standard",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.layout.Border",
+      "Roo.bootstrap.layout.Manager",
+      "Roo.bootstrap.menu.Item",
+      "Roo.bootstrap.menu.Menu",
+      "Roo.bootstrap.menu.Separator",
+      "Roo.bootstrap.nav.Bar",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.Item",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
     ],
-    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.ButtonGroup" : {
+  "Roo.bootstrap.Container" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "align",
+        "name" : "alert",
         "type" : "String",
-        "desc" : "vertical | justified  (default none)",
-        "memberOf" : ""
+        "desc" : "r) type alert (changes background / border..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "btn",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "true | false",
-        "memberOf" : ""
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "direction",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "up | down (default down)",
-        "memberOf" : ""
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
+        "name" : "expandable",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "expanded",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "fa",
         "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "desc" : "font awesome icon",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "footer",
+        "type" : "String",
+        "desc" : "content of footer (for panel)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "header",
+        "type" : "String",
+        "desc" : "content of header (for panel)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "e) hide the eleme",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "content of element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : ".) glyphicon na",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "info-sign",
+          "check",
+          "..."
+        ]
+      },
+      {
+        "name" : "jumbotron",
+        "type" : "Boolean",
+        "desc" : "is it a jumbotron element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "size",
+        "name" : "panel",
         "type" : "String",
-        "desc" : "lg | sm | xs (default empty normal)",
-        "memberOf" : ""
+        "desc" : "r) render as panel  - type - primary/success...",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
+      },
+      {
+        "name" : "rheader",
+        "type" : "String",
+        "desc" : "contet on the right of header",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sticky",
+        "type" : "String",
+        "desc" : "h) block to use as footer or body- needs css-bootstrap/sticky-footer.c",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "footer",
+          "wrap",
+          "push"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Boolean",
-        "desc" : "false | true",
-        "memberOf" : ""
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "n) type of HTML ta",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "header",
+          "aside",
+          "section"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "well",
+        "type" : "String",
+        "desc" : "d) a well, large, small or mediu",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "lg",
+          "sm",
+          "md"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "When a element is chick",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Container",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "After the panel has been collapsed",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Container",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "After the panel has been expand",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Container",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "addItem",
-        "type" : "function",
-        "desc" : "Add a button to the group (similar to NavItem API.)",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "addListener",
         "type" : "function",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
       "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
       "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
       "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.Form"
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
     ],
-    "tree_parent" : []
+    "tree_parent" : [
+      "builder"
+    ]
   },
-  "Roo.bootstrap.ButtonUploader" : {
+  "Roo.bootstrap.DocumentManager" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "badge",
-        "type" : "String",
-        "desc" : "text for badge",
-        "memberOf" : "Roo.bootstrap.Button"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "badge_weight",
-        "type" : "String",
-        "desc" : "k) default (same as button)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "boxes",
+        "type" : "Number",
+        "desc" : "number of boxes, 0 is no limit.. default 0",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
+        "name" : "editable",
         "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "errorTimeout",
-        "type" : "Number",
-        "desc" : "default 3000",
-        "memberOf" : ""
+        "desc" : "e) allow edit when upload a image default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "fa",
+        "name" : "fieldLabel",
         "type" : "String",
-        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "glyphicon",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "depricated - use fa",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "grpup",
-        "type" : "Boolean",
-        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "hideMode",
+        "name" : "labelAlign",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "p) default le",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "top"
+        ]
       },
       {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "empty or href",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "default 4",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "html",
-        "type" : "Array",
-        "desc" : "The button text.",
-        "memberOf" : ""
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "images",
-        "type" : "Array",
-        "desc" : "an array of ?? Img objects ??? when loading existing files..",
-        "memberOf" : ""
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "dark themed version",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "isClose",
-        "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menu",
-        "type" : "Roo.bootstrap.menu.Menu",
-        "desc" : "a Menu",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "method",
+        "type" : "String",
+        "desc" : "default POST",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "multiple",
         "type" : "Boolean",
-        "desc" : "(default true) Should the upload allow multiple files to be uploaded.",
-        "memberOf" : ""
+        "desc" : "multiple upload default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "offtext",
-        "type" : "String",
-        "desc" : "text for off slidy toggle state",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "ontext",
-        "type" : "String",
-        "desc" : "text for on slidy toggle state",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "outline",
-        "type" : "Boolean",
-        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "pressed",
-        "type" : "Boolean",
-        "desc" : "default null - if the button ahs active state",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "default true (stop click event triggering the URL if it's a link.)",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "removeClass",
-        "type" : "Boolean",
-        "desc" : "remove the standard class..",
-        "memberOf" : "Roo.bootstrap.Button"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "size",
+        "name" : "paramName",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "default 'imageUpload'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "target",
-        "type" : "String",
-        "desc" : "r) target for a href.",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "thumbSize",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "theme",
+        "name" : "toolTipName",
         "type" : "String",
-        "desc" : "w)",
-        "memberOf" : "Roo.bootstrap.Button"
-      },
-      {
-        "name" : "toggle",
-        "type" : "Boolean",
-        "desc" : "is it a slidy toggle button",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "default 'filename'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "url",
+        "type" : "String",
+        "desc" : "action url",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "k) default",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "afterupload",
+        "type" : "function",
+        "desc" : "Fire when xhr load exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentManager",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "xhr",
+            "type" : "XMLHttpRequest",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "beforeselect",
+        "name" : "beforeselectfile",
         "type" : "function",
-        "desc" : "When button is pressed, before show upload files dialog is shown",
+        "desc" : "Fire before select file",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploaderButton",
+            "type" : "Roo.bootstrap.DocumentManager",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "When a button is pressed",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button",
+        "desc" : "Fire after click the image",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentManager",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "file",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "dblclick",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "When a button is double clicked",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "edit",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fire when upload a image and editable set to true",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.DocumentManager",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "fired when files have been selected,",
+        "name" : "exception",
         "type" : "function",
-        "desc" : "When a the download link is clicked",
-        "sig" : "function (_self, Array)\n{\n\n}",
+        "desc" : "Fire when xhr load exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploaderButton",
+            "type" : "Roo.bootstrap.DocumentManager",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "Array",
-            "type" : "Array",
-            "desc" : "of files that have been uploaded",
+            "name" : "xhr",
+            "type" : "XMLHttpRequest",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "initial",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fire when initial the DocumentManager",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.DocumentManager",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "inspect",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "inspect selected file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.DocumentManager",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "File",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "prepare",
         "type" : "function",
-        "desc" : "After the button has been toggles",
-        "sig" : "function (btn, e, pressed)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button",
+        "desc" : "prepare the form data",
+        "sig" : "function (_self, formData)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentManager",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "formData",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "previewrendered",
+        "type" : "function",
+        "desc" : "Fire when preview rendered",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentManager",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "pressed",
-            "type" : "boolean",
-            "desc" : "(also available as button.pressed)",
+            "name" : "file",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "process",
+        "type" : "function",
+        "desc" : "Fire before process file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentManager",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Fire after refresh the file",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentManager",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Fire when remove the file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentManager",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this button",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enables this button",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
           }
         ]
       },
-      {
-        "name" : "getText",
-        "type" : "function",
-        "desc" : "get the text of the first selected button",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "isActive",
-        "type" : "function",
-        "desc" : "get the current active state",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if it's active"
-          }
-        ]
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "addCard - add an Attachment to the uploader",
-        "sig" : "(data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "data",
-            "type" : "",
-            "desc" : "- the data about the image to upload\n\n{\n          id : 123\n          title : \"Title of file\",\n          is_uploaded : false,\n          src : \"http://.....\",\n          srcfile : { the File upload object },\n          mimetype : file.type,\n          preview : false,\n          is_deleted : 0\n          .. any other data...\n        }",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setActive",
-        "type" : "function",
-        "desc" : "sets the active state on/off,",
-        "sig" : "(state)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "(optional) Force a particular state",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setText",
-        "type" : "function",
-        "desc" : "set the text of the first selected button",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "toggleActive",
-        "type" : "function",
-        "desc" : "toggles the current active state",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Calendar" : {
+  "Roo.bootstrap.DocumentSlider" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "header",
-        "type" : "Object",
-        "desc" : "generate the user specific header of the calendar, default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "startDay",
-        "type" : "Number",
-        "desc" : "Day index at which the week should begin, 0-based (defaults to 0, which is Sunday)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data source for the calendar",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fire after click",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.DocumentSlider",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "eventclick",
-        "type" : "function",
-        "desc" : "Fires when the mouse click an",
-        "sig" : "function (_self, )\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "",
-            "type" : "event",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "evententer",
-        "type" : "function",
-        "desc" : "Fires when mouse over an event",
-        "sig" : "function (_self, Event)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "Event",
-            "type" : "event",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "eventleave",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when the mouse leaves an",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "",
-            "type" : "event",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "monthchange",
+        "name" : "initial",
         "type" : "function",
-        "desc" : "Fires when the displayed month changes",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "DatePicker",
+            "type" : "Roo.bootstrap.DocumentSlider",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected month",
-            "isOptional" : false
           }
         ],
         "returns" : []
         "returns" : []
       },
       {
-        "name" : "select",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when a date is selected",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "DatePicker",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected date",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fire after update",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.DocumentSlider",
             "desc" : "",
             "isOptional" : false
           }
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Card" : {
+  "Roo.bootstrap.DocumentViewer" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "display",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "display_lg",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "display_sm",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "display_xl",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "display_xs",
-        "type" : "String",
-        "desc" : "x)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "footer",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "header",
-        "type" : "String|Object",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "header_image",
-        "type" : "String",
-        "desc" : "src url of image.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "header_size",
-        "type" : "Number",
-        "desc" : "5) H1 or H2 etc.. 0 indicates default",
-        "memberOf" : ""
-      },
-      {
-        "name" : "header_weight",
-        "type" : "Number",
-        "desc" : "k)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String|Boolean",
-        "desc" : "-- html contents - or just use children.. use false to hide it..",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "margin",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "margin_bottom",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "margin_left",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "margin_right",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "margin_top",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "margin_x",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "margin_y",
-        "type" : "String",
-        "desc" : "o)",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "padding",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "padding_bottom",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "padding_left",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "padding_right",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "padding_top",
-        "type" : "String",
-        "desc" : "5)next_to_card",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "padding_x",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : ""
+        "name" : "showDownload",
+        "type" : "Boolean",
+        "desc" : "e) show download button (default tru",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "padding_y",
-        "type" : "String",
-        "desc" : "5)",
-        "memberOf" : ""
+        "name" : "showTrash",
+        "type" : "Boolean",
+        "desc" : "e) show trash button (default tru",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "subtitle",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "k)",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "cardover",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "When a card element is dragged over ready to drop (return false to block dropable)",
-        "sig" : "function (_self, data)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Card",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "from dragdrop",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fire after click",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.bootstrap.DocumentViewer",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "drop",
+        "name" : "download",
         "type" : "function",
-        "desc" : "When a element a card is dropped",
-        "sig" : "function (_self, move_card, position, next_to_card)\n{\n\n}",
+        "desc" : "Fire after download button",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Card",
+            "type" : "Roo.bootstrap.DocumentViewer",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "move_card",
-            "type" : "Roo.bootstrap.Card",
-            "desc" : "the card being dropped?",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "'above' or 'below'",
-            "isOptional" : false
-          },
-          {
-            "name" : "next_to_card",
-            "type" : "Roo.bootstrap.Card",
-            "desc" : "What card position is relative to of 'false' for empty list.",
-            "isOptional" : false
           }
         ],
         "returns" : []
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "initial",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fire after initEvent",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.DocumentViewer",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "rotate",
+        "name" : "render",
         "type" : "function",
-        "desc" : "When a element a card is rotate",
-        "sig" : "function (_self, n, rotate)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Card",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "n",
-            "type" : "Roo.Element",
-            "desc" : "the node being dropped?",
-            "isOptional" : false
-          },
-          {
-            "name" : "rotate",
-            "type" : "Boolean",
-            "desc" : "status",
-            "isOptional" : false
           }
         ],
         "returns" : []
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "acceptCard",
+        "name" : "trash",
         "type" : "function",
-        "desc" : "accept card\n\n-        card.acceptCard(move_card, info.position, info.card, info.items_n);",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fire after trash button",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.DocumentViewer",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getDropPoint",
-        "type" : "function",
-        "desc" : "Decide whether to drop above or below a View node.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "getEl",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getTargetFromEvent",
-        "type" : "function",
-        "desc" : "Part of the Roo.dd.DropZone interface. If no target node is found, the\n   whole Element becomes the target, and this causes the drop gesture to append.\n\n   Returns an object:\n    {\n           \n           position : 'below' or 'above'\n           card  : relateive to card OBJECT (or true for no cards listed)\n           items_n : relative to nth item in list\n           card_n : relative to  nth card in list\n    }",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.CardFooter",
-      "Roo.bootstrap.CardHeader",
-      "Roo.bootstrap.CardImageTop",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.CardFooter" : {
+  "Roo.bootstrap.DropTarget" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "class of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
         "desc" : "contents of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "dropable name",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "role",
         "type" : "String",
         "desc" : "default blank - set to button to force cursor pointer",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tag",
         "type" : "String",
         "desc" : "tag of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "Roo.bootstrap.Element",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "When a element is chick",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Element",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.Card"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.CardHeader" : {
+  "Roo.bootstrap.Element" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "clickable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "class of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
         "desc" : "contents of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "role",
         "type" : "String",
         "desc" : "default blank - set to button to force cursor pointer",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tag",
         "type" : "String",
         "desc" : "tag of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "When a element is chick",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Element",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.bootstrap.CardFooter",
+      "Roo.bootstrap.CardHeader",
+      "Roo.bootstrap.CardImageTop",
+      "Roo.bootstrap.DropTarget"
+    ],
     "tree_children" : [
       "Roo.bootstrap.Alert",
       "Roo.bootstrap.BezierSignature",
       "Roo.bootstrap.form.MoneyField",
       "Roo.bootstrap.form.MonthField",
       "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
       "Roo.bootstrap.form.PhoneInput",
       "Roo.bootstrap.form.Radio",
       "Roo.bootstrap.form.RadioSet",
       "Roo.bootstrap.nav.SidebarItem",
       "Roo.bootstrap.nav.Simplebar"
     ],
-    "tree_parent" : [
-      "Roo.bootstrap.Card"
-    ]
+    "tree_parent" : []
   },
-  "Roo.bootstrap.CardImageTop" : {
+  "Roo.bootstrap.Graph" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "clickable",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "class of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "g_height",
+        "type" : "number",
+        "desc" : "height of the chart (respected by all elements in the set)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "g_r",
+        "type" : "number",
+        "desc" : "radius (pie)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "g_width",
+        "type" : "number",
+        "desc" : "width of the chart (respected by all elements in the set)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "g_x",
+        "type" : "number",
+        "desc" : "coodinator | centre x (pie)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "g_y",
+        "type" : "number",
+        "desc" : "coodinator | centre y (pie)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "graphtype",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "bar | vbar | pie",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "html",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "contents of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
-      },
-      {
-        "name" : "role",
-        "type" : "String",
-        "desc" : "default blank - set to button to force cursor pointer",
-        "memberOf" : "Roo.bootstrap.Element"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "tag of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "name" : "title",
+        "type" : "Object",
+        "desc" : "The title of the chart\n    \n -{Array}  values\n -opts (object) options for the chart \n     o {\n     o type (string) type of endings of the bar. Default: 'square'. Other options are: 'round', 'sharp', 'soft'.\n     o gutter (number)(string) default '20%' (WHAT DOES IT DO?)\n     o vgutter (number)\n     o colors (array) colors be used repeatedly to plot the bars. If multicolumn bar is used each sequence of bars with use a different color.\n     o stacked (boolean) whether or not to tread values as in a stacked bar chart\n     o to\n     o stretch (boolean)\n     o }\n -opts (object) options for the pie\n     o{\n     o cut\n     o startAngle (number)\n     o endAngle (number)\n     }",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "When a element is chick",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Element",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
           {
             "name" : "e",
             "type" : "Roo.EventObject",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.Card"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.Column" : {
+  "Roo.bootstrap.Header" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alert",
-        "type" : "String",
-        "desc" : "r) type alert (changes background / border...)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : ".) font awesome icon",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fasize",
-        "type" : "Number",
-        "desc" : ".) font awsome size",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "e) hide the element",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "content of column.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : ".) glyphicon name",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : ""
+        "desc" : "content of header",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "lgoff",
+        "name" : "level",
         "type" : "Number",
-        "desc" : "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : ""
+        "desc" : "6) default",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "1",
+          "2",
+          "3",
+          "4",
+          "5",
+          "6"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens or 0 for hidden",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mdoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : ""
-      },
-      {
-        "name" : "smoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens or 0 for hidden",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xsoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.TabGroup"
-    ],
+    "implementations" : [],
     "tree_children" : [
       "Roo.bootstrap.Alert",
       "Roo.bootstrap.BezierSignature",
       "Roo.bootstrap.form.MoneyField",
       "Roo.bootstrap.form.MonthField",
       "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
       "Roo.bootstrap.form.PhoneInput",
       "Roo.bootstrap.form.Radio",
       "Roo.bootstrap.form.RadioSet",
     ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Component" : {
+  "Roo.bootstrap.Img" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "alt",
+        "type" : "String",
+        "desc" : "image alternative text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "backgroundContain",
+        "type" : "Boolean",
+        "desc" : "(use style background and contain image in content)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "border",
+        "type" : "String",
+        "desc" : "rounded | circle | thumbnail",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "a tag href",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "imgResponsive",
+        "type" : "Boolean",
+        "desc" : "false | true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lgUrl",
+        "type" : "String",
+        "desc" : "lg image source",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mdUrl",
+        "type" : "String",
+        "desc" : "md image source",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "smUrl",
+        "type" : "String",
+        "desc" : "sm image source",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "src",
+        "type" : "String",
+        "desc" : "image source",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "target",
+        "type" : "String",
+        "desc" : "p)target for a hre",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xsUrl",
+        "type" : "String",
+        "desc" : "xs image source",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "load",
+        "type" : "function",
+        "desc" : "The when any image loads",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
         "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Initialize Events for the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ],
         "returns" : []
       },
+      {
+        "name" : "setSrc",
+        "type" : "function",
+        "desc" : "Sets the url of the image - used to update it",
+        "sig" : "(url)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "String",
+            "desc" : "the url of the image",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       }
     ],
-    "isAbstract" : true,
+    "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Body",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.CardFooter",
-      "Roo.bootstrap.CardHeader",
-      "Roo.bootstrap.CardImageTop",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.Container",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Modal",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Popover",
-      "Roo.bootstrap.PopoverNav",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.TableBody",
-      "Roo.bootstrap.TableCell",
-      "Roo.bootstrap.TableRow",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Item",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.HtmlEditorToolbarStandard",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.layout.Border",
-      "Roo.bootstrap.layout.Manager",
-      "Roo.bootstrap.menu.Item",
-      "Roo.bootstrap.menu.Menu",
-      "Roo.bootstrap.menu.Separator",
-      "Roo.bootstrap.nav.Bar",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.Item",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
+    "implementations" : [],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Container" : {
+  "Roo.bootstrap.LayoutMasonry" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alert",
-        "type" : "String",
-        "desc" : "r) type alert (changes background / border...)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "alternativePadWidth",
+        "type" : "Number",
+        "desc" : "padding below box..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "clickable",
+        "name" : "boxHeight",
+        "type" : "Number",
+        "desc" : "- 0 for square, or fix it at a certian height",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "boxWidth",
+        "type" : "Number",
+        "desc" : "width of the columns",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "expandable",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "expanded",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "font awesome icon",
-        "memberOf" : ""
-      },
-      {
-        "name" : "footer",
-        "type" : "String",
-        "desc" : "content of footer (for panel)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "header",
-        "type" : "String",
-        "desc" : "content of header (for panel)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "e) hide the element",
-        "memberOf" : ""
+        "name" : "gutter",
+        "type" : "Number",
+        "desc" : "gutter width..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of element",
-        "memberOf" : ""
+        "name" : "isAutoInitial",
+        "type" : "Boolean",
+        "desc" : "defalut true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : ".) glyphicon name",
-        "memberOf" : ""
+        "name" : "isHorizontal",
+        "type" : "Boolean",
+        "desc" : "defalut false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "jumbotron",
+        "name" : "isLayoutInstant",
         "type" : "Boolean",
-        "desc" : "is it a jumbotron element",
-        "memberOf" : ""
+        "desc" : "= no animation?",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxCols",
+        "type" : "Number",
+        "desc" : "maximum number of columns",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "panel",
-        "type" : "String",
-        "desc" : "r) render as panel  - type - primary/success.....",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rheader",
-        "type" : "String",
-        "desc" : "contet on the right of header",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "sticky",
-        "type" : "String",
-        "desc" : "h) block to use as footer or body- needs css-bootstrap/sticky-footer.css",
-        "memberOf" : ""
+        "name" : "padWidth",
+        "type" : "Number",
+        "desc" : "padding below box..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "n) type of HTML tag.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "well",
-        "type" : "String",
-        "desc" : "d) a well, large, small or medium.",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "When a element is chick",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Container",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "After the panel has been collapsed",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Container",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fire after layout the items",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.LayoutMasonry",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "render",
         "type" : "function",
-        "desc" : "After the panel has been expand",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Container",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "render",
+        "name" : "_processVerticalLayoutQueue",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Sets position of item in DOM",
+        "sig" : "(item, x, y, isInstant)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "item",
+            "type" : "Element",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "- horizontal position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "- vertical position",
+            "isOptional" : false
+          },
+          {
+            "name" : "isInstant",
+            "type" : "Boolean",
+            "desc" : "- disables transitions",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "addBrick",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "adds a Masonry Brick",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "the",
+            "type" : "Roo.bootstrap.MasonryBrick",
+            "desc" : "masonry brick to add",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "clearAll",
+        "type" : "function",
+        "desc" : "clear all the Masonry Brick",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a  Masonry Layout based on the masonry layout ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "string",
+            "desc" : "masonry layout to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "register a Masonry Brick",
+        "sig" : "(the)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "the",
+            "type" : "Roo.bootstrap.MasonryBrick",
+            "desc" : "masonry brick to add",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "register",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "register a Masonry Layout",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "the",
+            "type" : "Roo.bootstrap.LayoutMasonry",
+            "desc" : "masonry layout to add",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
+        "name" : "removeBrick",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "remove a Masonry Brick",
+        "sig" : "(the)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "the",
+            "type" : "Roo.bootstrap.MasonryBrick",
+            "desc" : "masonry brick to remove",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
-      },
-      {
-        "name" : "un",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisibilityEl",
+        "type" : "function",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
       "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
+      "Roo.bootstrap.DropTarget",
       "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
+      "Roo.bootstrap.MasonryBrick"
     ],
-    "tree_parent" : [
-      "builder"
-    ]
+    "tree_parent" : []
   },
-  "Roo.bootstrap.DocumentManager" : {
+  "Roo.bootstrap.LayoutMasonryAuto" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "boxes",
-        "type" : "Number",
-        "desc" : "number of boxes, 0 is no limit.. default 0",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "columnWidth",
+        "type" : "Number",
+        "desc" : "width of the columns",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "editable",
-        "type" : "Boolean",
-        "desc" : "e) allow edit when upload a image default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "p) default left",
-        "memberOf" : ""
+        "name" : "isAutoInitial",
+        "type" : "Boolean",
+        "desc" : "defalut true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "default 4",
-        "memberOf" : ""
+        "name" : "isFitWidth",
+        "type" : "Boolean",
+        "desc" : "- resize the width..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "name" : "isLayoutInstant",
+        "type" : "Boolean",
+        "desc" : "= no animation?",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "name" : "isOriginLeft",
+        "type" : "Boolean",
+        "desc" : "= left align?",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "name" : "isOriginTop",
+        "type" : "Boolean",
+        "desc" : "= top align?",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "name" : "isResizingContainer",
+        "type" : "Boolean",
+        "desc" : "= not sure if this is used..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "method",
-        "type" : "String",
-        "desc" : "default POST",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "multiple",
-        "type" : "Boolean",
-        "desc" : "multiple upload default true",
-        "memberOf" : ""
+        "name" : "maxCols",
+        "type" : "Number",
+        "desc" : "maximum number of columns",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "paramName",
-        "type" : "String",
-        "desc" : "default 'imageUpload'",
-        "memberOf" : ""
+        "name" : "padHeight",
+        "type" : "Number",
+        "desc" : "padding below box..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "thumbSize",
-        "type" : "Number",
-        "desc" : "default 300",
-        "memberOf" : ""
-      },
-      {
-        "name" : "toolTipName",
-        "type" : "String",
-        "desc" : "default 'filename'",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "action url",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "afterupload",
-        "type" : "function",
-        "desc" : "Fire when xhr load exception",
-        "sig" : "function (_self, xhr)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "xhr",
-            "type" : "XMLHttpRequest",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforeselectfile",
-        "type" : "function",
-        "desc" : "Fire before select file",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fire after click the image",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "file",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "edit",
-        "type" : "function",
-        "desc" : "Fire when upload a image and editable set to true",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "file",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "exception",
-        "type" : "function",
-        "desc" : "Fire when xhr load exception",
-        "sig" : "function (_self, xhr)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "xhr",
-            "type" : "XMLHttpRequest",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "initial",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fire when initial the DocumentManager",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "inspect",
+        "name" : "show",
         "type" : "function",
-        "desc" : "inspect selected file",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "file",
-            "type" : "File",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "prepare",
+        "name" : "_getColGroup",
         "type" : "function",
-        "desc" : "prepare the form data",
-        "sig" : "function (_self, formData)\n{\n\n}",
+        "desc" : "",
+        "sig" : "(colSpan)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "formData",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "colSpan",
+            "type" : "Number",
+            "desc" : "- number of columns the element spans",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "previewrendered",
+        "name" : "_postLayout",
         "type" : "function",
-        "desc" : "Fire when preview rendered",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "desc" : "Any logic you want to do after each layout,\ni.e. size the container",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "file",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "process",
+        "name" : "_processLayoutQueue",
         "type" : "function",
-        "desc" : "Fire before process file",
-        "sig" : "function (_self, file)\n{\n\n}",
+        "desc" : "Sets position of item in DOM",
+        "sig" : "(item, x, y, isInstant)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
+            "name" : "item",
+            "type" : "Element",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "file",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Fire after refresh the file",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Fire when remove the file",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentManager",
-            "desc" : "",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "- horizontal position",
             "isOptional" : false
           },
           {
-            "name" : "file",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "- vertical position",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "isInstant",
+            "type" : "Boolean",
+            "desc" : "- disables transitions",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.DocumentSlider" : {
+  "Roo.bootstrap.Link" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "alt",
+        "type" : "String",
+        "desc" : "image alternative text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "anchor",
+        "type" : "String",
+        "desc" : "name for the anchor link",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "- favicon",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "a tag href",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "the content of the link.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "target",
+        "type" : "String",
+        "desc" : "p) target for a hre",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "Fire after click",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentSlider",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "initial",
-        "type" : "function",
-        "desc" : "Fire after initEvent",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentSlider",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "update",
-        "type" : "function",
-        "desc" : "Fire after update",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.DocumentSlider",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.DocumentViewer" : {
+  "Roo.bootstrap.LocationPicker" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableDoubleClickZoom",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "draggable",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableAutocomplete",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableReverseGeocode",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "latitude",
+        "type" : "Number",
+        "desc" : "Position when init default 0",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "locationName",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "longitude",
+        "type" : "Number",
+        "desc" : "Position when init default 0",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mapTypeControl",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mapTypeId",
+        "type" : "String",
+        "desc" : "default google.maps.MapTypeId.ROADMAP",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "markerTitle",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "showDownload",
+        "name" : "radius",
+        "type" : "Number",
+        "desc" : "default 0",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "scrollwheel",
         "type" : "Boolean",
-        "desc" : "e) show download button (default true)",
-        "memberOf" : ""
+        "desc" : "default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "showTrash",
+        "name" : "streetViewControl",
         "type" : "Boolean",
-        "desc" : "e) show trash button (default true)",
-        "memberOf" : ""
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "zoom",
+        "type" : "Number",
+        "desc" : "default 15",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "OverlayViewDraw",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "OverlayViewHide",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "OverlayViewOnAdd",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "OverlayViewOnRemove",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "OverlayViewShow",
+        "type" : "function",
+        "desc" : "Fires when OverlayView Draw",
+        "sig" : "function (_self, cpx)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "cpx",
+            "type" : "Pixel",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fire after click",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.DocumentViewer",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "download",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fire after download button",
+        "desc" : "Fires when the map hide.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.DocumentViewer",
+            "type" : "Roo.bootstrap.LocationPicker",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "initial",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the picker initialized.",
+        "sig" : "function (_self, location)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "location",
+            "type" : "Google Location",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "loadexception",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when load google lib failed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.LocationPicker",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "initial",
+        "name" : "mapClick",
         "type" : "function",
-        "desc" : "Fire after initEvent",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires when click the map.",
+        "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.DocumentViewer",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Map event",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "mapRightClick",
+        "type" : "function",
+        "desc" : "Fires when right click the map.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Map event",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markerClick",
+        "type" : "function",
+        "desc" : "Fires when click the marker.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Map event",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markerRightClick",
+        "type" : "function",
+        "desc" : "Fires when right click the marker.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Map event",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "positionchanged",
+        "type" : "function",
+        "desc" : "Fires when the picker position changed.",
+        "sig" : "function (_self, location)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.LocationPicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "location",
+            "type" : "Google Location",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires when the map resize.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.LocationPicker",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "trash",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fire after trash button",
+        "desc" : "Fires when the map show.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.DocumentViewer",
+            "type" : "Roo.bootstrap.LocationPicker",
             "desc" : "",
             "isOptional" : false
           }
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.DropTarget" : {
+  "Roo.bootstrap.MasonryBrick" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "bgimage",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "clickable",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "class of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "contents of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "defalut false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "isFitContainer",
+        "type" : "Boolean",
+        "desc" : "defalut true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
-        "desc" : "dropable name",
-        "memberOf" : ""
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placetitle",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "center",
+          "bottom"
+        ]
       },
       {
         "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "defalut false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "role",
+        "name" : "size",
         "type" : "String",
-        "desc" : "default blank - set to button to force cursor pointer",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "xs",
+          "sm",
+          "md",
+          "md-left",
+          "md-right",
+          "tall",
+          "wide"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tag",
+        "name" : "title",
         "type" : "String",
-        "desc" : "tag of the element",
-        "memberOf" : "Roo.bootstrap.Element"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "videourl",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "When a element is chick",
+        "desc" : "When a MasonryBrick is clcik",
         "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Element",
+            "type" : "Roo.bootstrap.MasonryBrick",
             "desc" : "",
             "isOptional" : false
           },
           }
         ]
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a  masonry brick based on the masonry brick ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "string",
+            "desc" : "masonry brick to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Masonry Brick",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Roo.bootstrap.MasonryBrick",
+            "desc" : "masonry brick to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Element" : {
+  "Roo.bootstrap.MessageBar" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "beforeClass",
+        "type" : "String",
+        "desc" : "insert the bar before the given class",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "clickable",
+        "name" : "closable",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "class of the element",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fixed",
+        "type" : "Boolean",
+        "desc" : "e) default false, fix the bar at the t",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "String",
-        "desc" : "contents of the element",
-        "memberOf" : ""
+        "desc" : "contents of the MessageBar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "role",
-        "type" : "String",
-        "desc" : "default blank - set to button to force cursor pointer",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "tag of the element",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "r) default in",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "info",
+          "success",
+          "warning",
+          "danger"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "When a element is chick",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.CardFooter",
-      "Roo.bootstrap.CardHeader",
-      "Roo.bootstrap.CardImageTop",
-      "Roo.bootstrap.DropTarget"
-    ],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.MessageBox" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "alert",
+        "type" : "function",
+        "desc" : "Displays a standard read-only message box with an OK button (comparable to the basic JavaScript Window.alert).\nIf a callback function is passed it will be called after the user clicks the button, and the\nid of the button that was clicked will be passed as the only parameter to the callback\n(could also be the top-right close button).",
+        "sig" : "(title, msg, fn, scope)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "title",
+            "type" : "String",
+            "desc" : "The title bar text",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "(optional) The callback function invoked after the message box is closed",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the callback function",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      },
+      {
+        "name" : "confirm",
+        "type" : "function",
+        "desc" : "Displays a confirmation message box with Yes and No buttons (comparable to JavaScript's Window.confirm).\nIf a callback function is passed it will be called after the user clicks either button, and the id of the\nbutton that was clicked will be passed as the only parameter to the callback (could also be the top-right close button).",
+        "sig" : "(title, msg, fn, scope)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "title",
+            "type" : "String",
+            "desc" : "The title bar text",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "(optional) The callback function invoked after the message box is closed",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the callback function",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      },
+      {
+        "name" : "getDialog",
+        "type" : "function",
+        "desc" : "Returns a reference to the underlying {@link Roo.BasicDialog} element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BasicDialog",
+            "desc" : "The BasicDialog element"
+          }
+        ]
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hides the message box if it is displayed",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if the message box is currently displayed",
+        "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 the message box is visible, else false"
+          }
+        ]
+      },
+      {
+        "name" : "progress",
+        "type" : "function",
+        "desc" : "Displays a message box with a progress bar.  This message box has no buttons and is not closeable by\nthe user.  You are responsible for updating the progress bar as needed via {@link Roo.MessageBox#updateProgress}\nand closing the message box when the process is complete.",
+        "sig" : "(title, msg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "title",
+            "type" : "String",
+            "desc" : "The title bar text",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      },
+      {
+        "name" : "prompt",
+        "type" : "function",
+        "desc" : "Displays a message box with OK and Cancel buttons prompting the user to enter some text (comparable to\nJavaScript's Window.prompt).  The prompt can be a single-line or multi-line textbox.  If a callback function\nis passed it will be called after the user clicks either button, and the id of the button that was clicked\n(could also be the top-right close button) and the text that was entered will be passed as the two\nparameters to the callback.",
+        "sig" : "(title, msg, fn, scope, multiline)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "title",
+            "type" : "String",
+            "desc" : "The title bar text",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "(optional) The callback function invoked after the message box is closed",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the callback function",
+            "isOptional" : false
+          },
+          {
+            "name" : "multiline",
+            "type" : "Boolean/Number",
+            "desc" : "(optional) True to create a multiline textbox using the defaultTextHeight\nproperty, or the height in pixels to create the textbox (defaults to false / single-line)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Displays a new message box, or reinitializes an existing message box, based on the config options\npassed in. All functions (e.g. prompt, alert, etc) on MessageBox call this function internally.\nThe following config object properties are supported:\n<pre>\nProperty    Type             Description\n----------  ---------------  ------------------------------------------------------------------------------------\nanimEl            String/Element   An id or Element from which the message box should animate as it opens and\n                                   closes (defaults to undefined)\nbuttons           Object/Boolean   A button config object (e.g., Roo.MessageBox.OKCANCEL or {ok:'Foo',\n                                   cancel:'Bar'}), or false to not show any buttons (defaults to false)\nclosable          Boolean          False to hide the top-right close button (defaults to true).  Note that\n                                   progress and wait dialogs will ignore this property and always hide the\n                                   close button as they can only be closed programmatically.\ncls               String           A custom CSS class to apply to the message box element\ndefaultTextHeight Number           The default height in pixels of the message box's multiline textarea if\n                                   displayed (defaults to 75)\nfn                Function         A callback function to execute after closing the dialog.  The arguments to the\n                                   function will be btn (the name of the button that was clicked, if applicable,\n                                   e.g. \"ok\"), and text (the value of the active text field, if applicable).\n                                   Progress and wait dialogs will ignore this option since they do not respond to\n                                   user actions and can only be closed programmatically, so any required function\n                                   should be called by the same code after it closes the dialog.\nicon              String           A CSS class that provides a background image to be used as an icon for\n                                   the dialog (e.g., Roo.MessageBox.WARNING or 'custom-class', defaults to '')\nmaxWidth          Number           The maximum width in pixels of the message box (defaults to 600)\nminWidth          Number           The minimum width in pixels of the message box (defaults to 100)\nmodal             Boolean          False to allow user interaction with the page while the message box is\n                                   displayed (defaults to true)\nmsg               String           A string that will replace the existing message box body text (defaults\n                                   to the XHTML-compliant non-breaking space character '&#160;')\nmultiline         Boolean          True to prompt the user to enter multi-line text (defaults to false)\nprogress          Boolean          True to display a progress bar (defaults to false)\nprogressText      String           The text to display inside the progress bar if progress = true (defaults to '')\nprompt            Boolean          True to prompt the user to enter single-line text (defaults to false)\nproxyDrag         Boolean          True to display a lightweight proxy while dragging (defaults to false)\ntitle             String           The title text\nvalue             String           The string value to set into the active textbox element if displayed\nwait              Boolean          True to display a progress bar (defaults to false)\nwidth             Number           The width of the dialog in pixels\n</pre>\n\nExample usage:\n<pre><code>\nRoo.Msg.show({\n   title: 'Address',\n   msg: 'Please enter your address:',\n   width: 300,\n   buttons: Roo.MessageBox.OKCANCEL,\n   multiline: true,\n   fn: saveAddress,\n   animEl: 'addAddressBtn'\n});\n</code></pre>",
+        "sig" : "(config)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "Configuration options",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      },
+      {
+        "name" : "updateProgress",
+        "type" : "function",
+        "desc" : "Updates a progress-style message box's text and progress bar.  Only relevant on message boxes\ninitiated via {@link Roo.MessageBox#progress} or by calling {@link Roo.MessageBox#show} with progress: true.",
+        "sig" : "(value, text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Number",
+            "desc" : "Any number between 0 and 1 (e.g., .5)",
+            "isOptional" : false
+          },
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "(optional) If defined, the message box's body text is replaced with the specified string (defaults to undefined)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      },
+      {
+        "name" : "updateText",
+        "type" : "function",
+        "desc" : "Updates the message box body text",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "(optional) Replaces the message box element's innerHTML with the specified string (defaults to\nthe XHTML-compliant non-breaking space character '&amp;#160;')",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      },
+      {
+        "name" : "wait",
+        "type" : "function",
+        "desc" : "Displays a message box with an infinitely auto-updating progress bar.  This can be used to block user\ninteraction while waiting for a long-running process to complete that does not have defined intervals.\nYou are responsible for closing the message box when the process is complete.",
+        "sig" : "(msg, title)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The message box body text",
+            "isOptional" : false
+          },
+          {
+            "name" : "title",
+            "type" : "String",
+            "desc" : "(optional) The title bar text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.MessageBox",
+            "desc" : "This message box"
+          }
+        ]
+      }
     ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Graph" : {
+  "Roo.bootstrap.Modal" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allow_close",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "bodyOverflow",
+        "type" : "Boolean",
+        "desc" : "should the body element have overflow auto added default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "buttonPosition",
+        "type" : "String",
+        "desc" : "r) default right (DEPRICATED) - use mr-auto on buttons to put them on the le",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right",
+          "center"
+        ]
+      },
+      {
+        "name" : "buttons[]",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "Array of buttons or standard button set..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "g_height",
-        "type" : "number",
-        "desc" : "height of the chart (respected by all elements in the set)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "g_r",
-        "type" : "number",
-        "desc" : "radius (pie)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "g_width",
-        "type" : "number",
-        "desc" : "width of the chart (respected by all elements in the set)",
-        "memberOf" : ""
+        "name" : "editableTitle",
+        "type" : "Boolean",
+        "desc" : "can the title be edited",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "g_x",
-        "type" : "number",
-        "desc" : "coodinator | centre x (pie)",
-        "memberOf" : ""
+        "name" : "fitwindow",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "g_y",
-        "type" : "number",
-        "desc" : "coodinator | centre y (pie)",
-        "memberOf" : ""
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "fixed height - usefull for chrome extension only really.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "graphtype",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "bar | vbar | pie",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "hideMode",
+        "name" : "html",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "- the body of the dialog (for simple ones) - you can also use template..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "max_width",
+        "type" : "Number",
+        "desc" : "set the max width of modal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "l) default emp",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "sm",
+          "lg",
+          "xl"
+        ]
+      },
+      {
+        "name" : "specificTitle",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "title",
-        "type" : "Object",
-        "desc" : "The title of the chart\n    \n -{Array}  values\n -opts (object) options for the chart \n     o {\n     o type (string) type of endings of the bar. Default: 'square'. Other options are: 'round', 'sharp', 'soft'.\n     o gutter (number)(string) default '20%' (WHAT DOES IT DO?)\n     o vgutter (number)\n     o colors (array) colors be used repeatedly to plot the bars. If multicolumn bar is used each sequence of bars with use a different color.\n     o stacked (boolean) whether or not to tread values as in a stacked bar chart\n     o to\n     o stretch (boolean)\n     o }\n -opts (object) options for the pie\n     o{\n     o cut\n     o startAngle (number)\n     o endAngle (number)\n     }",
-        "memberOf" : ""
+        "type" : "String",
+        "desc" : "Title of dialog",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tmpl",
+        "type" : "Roo.Template",
+        "desc" : "- a template with variables. to use it, add a handler in show:method  adn",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "fixed width - usefull for chrome extension only really.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "btnclick",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "The raw btnclick event for the button",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "The img click event for the img.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fire when dialog resize",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Modal",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "show",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "titlechanged",
+        "type" : "function",
+        "desc" : "Fire when the editable title has been changed",
+        "sig" : "function (_self, value)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Modal",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "applyBody",
+        "type" : "function",
+        "desc" : "Set the body of the Dialog using the template",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "data",
+            "type" : "Obj",
+            "desc" : "- apply this data to the template and replace the body contents.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setBody",
+        "type" : "function",
+        "desc" : "Set the body of the Dialog",
+        "sig" : "(str)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "str",
+            "type" : "String",
+            "desc" : "new Title",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setTitle",
+        "type" : "function",
+        "desc" : "Set the title of the Dialog",
+        "sig" : "(str)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "str",
+            "type" : "String",
+            "desc" : "new Title",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.layout.Border",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
+    "tree_parent" : [
+      "none",
+      "builder"
+    ]
   },
-  "Roo.bootstrap.Header" : {
+  "Roo.bootstrap.Pagination" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of header",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "level",
-        "type" : "Number",
-        "desc" : "6) default 1",
-        "memberOf" : ""
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "xs",
+          "sm",
+          "md",
+          "lg",
+          "xl"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
+      "Roo.bootstrap.Pagination"
     ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Img" : {
+  "Roo.bootstrap.PaginationItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "active",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alt",
-        "type" : "String",
-        "desc" : "image alternative text",
-        "memberOf" : ""
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "backgroundContain",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "(use style background and contain image in content)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "border",
-        "type" : "String",
-        "desc" : "rounded | circle | thumbnail",
-        "memberOf" : ""
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "href",
         "type" : "String",
-        "desc" : "a tag href",
-        "memberOf" : ""
-      },
-      {
-        "name" : "imgResponsive",
-        "type" : "Boolean",
-        "desc" : "false | true",
-        "memberOf" : ""
+        "desc" : "the link",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "lgUrl",
+        "name" : "html",
         "type" : "String",
-        "desc" : "lg image source",
-        "memberOf" : ""
+        "desc" : "text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "mdUrl",
-        "type" : "String",
-        "desc" : "md image source",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "smUrl",
-        "type" : "String",
-        "desc" : "sm image source",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "src",
-        "type" : "String",
-        "desc" : "image source",
-        "memberOf" : ""
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "target",
-        "type" : "String",
-        "desc" : "p)target for a href.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xsUrl",
-        "type" : "String",
-        "desc" : "xs image source",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "The img click event for the img.",
+        "desc" : "The raw click event for the entire grid.",
         "sig" : "function (e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         ],
         "returns" : []
       },
-      {
-        "name" : "load",
-        "type" : "function",
-        "desc" : "The when any image loads",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setSrc",
-        "type" : "function",
-        "desc" : "Sets the url of the image - used to update it",
-        "sig" : "(url)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "url",
-            "type" : "String",
-            "desc" : "the url of the image",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.LayoutMasonry" : {
+  "Roo.bootstrap.PagingToolbar" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) alignme",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alternativePadWidth",
-        "type" : "Number",
-        "desc" : "padding below box..",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "boxHeight",
-        "type" : "Number",
-        "desc" : "- 0 for square, or fix it at a certian height",
-        "memberOf" : ""
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "boxWidth",
-        "type" : "Number",
-        "desc" : "width of the columns",
-        "memberOf" : ""
+        "name" : "buttons[]",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "Buttons for the toolbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "container The id or element that will contain the toolbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "gutter",
-        "type" : "Number",
-        "desc" : "gutter width..",
-        "memberOf" : ""
+        "name" : "displayInfo",
+        "type" : "Boolean",
+        "desc" : "True to display the displayMsg (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "displayMsg",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "isAutoInitial",
-        "type" : "Boolean",
-        "desc" : "defalut true",
-        "memberOf" : ""
+        "name" : "emptyMsg",
+        "type" : "String",
+        "desc" : "The message to display when no records are found (defaults to \"No data to display\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "isHorizontal",
-        "type" : "Boolean",
-        "desc" : "defalut false",
-        "memberOf" : ""
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "isLayoutInstant",
+        "name" : "inverse",
         "type" : "Boolean",
-        "desc" : "= no animation?",
-        "memberOf" : ""
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxCols",
-        "type" : "Number",
-        "desc" : "maximum number of columns",
-        "memberOf" : ""
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) loadMask on the b",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : "e) main nav bar? default fal",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "padWidth",
+        "name" : "pageSize",
         "type" : "Number",
-        "desc" : "padding below box..",
-        "memberOf" : ""
+        "desc" : "The number of records to display per page (defaults to 20)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The underlying data store providing the paged data",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is n",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is ligh",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "beforetoggle",
+        "type" : "function",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "layout",
-        "type" : "function",
-        "desc" : "Fire after layout the items",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LayoutMasonry",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
       }
     ],
     "methods" : [
-      {
-        "name" : "_processVerticalLayoutQueue",
-        "type" : "function",
-        "desc" : "Sets position of item in DOM",
-        "sig" : "(item, x, y, isInstant)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "item",
-            "type" : "Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "- horizontal position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "- vertical position",
-            "isOptional" : false
-          },
-          {
-            "name" : "isInstant",
-            "type" : "Boolean",
-            "desc" : "- disables transitions",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "addBrick",
-        "type" : "function",
-        "desc" : "adds a Masonry Brick",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.MasonryBrick",
-            "desc" : "masonry brick to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "bind",
+        "type" : "function",
+        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "store",
+            "type" : "Roo.data.Store",
+            "desc" : "The data store to bind",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "clearAll",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "clear all the Masonry Brick",
+        "desc" : "Collapse the navbar pulldown",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a  Masonry Layout based on the masonry layout ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "masonry layout to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Masonry Brick",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.MasonryBrick",
-            "desc" : "masonry brick to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Masonry Layout",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.LayoutMasonry",
-            "desc" : "masonry layout to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "removeBrick",
-        "type" : "function",
-        "desc" : "remove a Masonry Brick",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.MasonryBrick",
-            "desc" : "masonry brick to remove",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "removeListener",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "unbind",
+        "type" : "function",
+        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
+        "sig" : "(store)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "store",
+            "type" : "Roo.data.Store",
+            "desc" : "The data store to unbind",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.MasonryBrick"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.LayoutMasonryAuto" : {
+  "Roo.bootstrap.Popover" : {
     "props" : [
+      {
+        "name" : "(right|top|bottom|left|auto)",
+        "type" : "String|function",
+        "desc" : "placement how it is placed",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "add",
+        "type" : "String|Boolean|Roo.Element",
+        "desc" : "click hander to trigger show over what element\n     - if false and it has a 'parent' then it will be automatically added to that element\n     - if string - Roo.get  will be called",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "columnWidth",
-        "type" : "Number",
-        "desc" : "width of the columns",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "delay",
+        "type" : "Number",
+        "desc" : "- delay before showing",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "isAutoInitial",
-        "type" : "Boolean",
-        "desc" : "defalut true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isFitWidth",
-        "type" : "Boolean",
-        "desc" : "- resize the width..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isLayoutInstant",
-        "type" : "Boolean",
-        "desc" : "= no animation?",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isOriginLeft",
-        "type" : "Boolean",
-        "desc" : "= left align?",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isOriginTop",
-        "type" : "Boolean",
-        "desc" : "= top align?",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "isResizingContainer",
-        "type" : "Boolean",
-        "desc" : "= not sure if this is used..",
-        "memberOf" : ""
+        "name" : "html",
+        "type" : "String",
+        "desc" : "contents of the popover   (or false to use children..)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxCols",
-        "type" : "Number",
-        "desc" : "maximum number of columns",
-        "memberOf" : ""
+        "name" : "modal",
+        "type" : "Boolean",
+        "desc" : "- popovers that are modal will mask the screen, and must be closed with another event.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "padHeight",
-        "type" : "Number",
-        "desc" : "padding below box..",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "of popover (or false to hide)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "trigger",
+        "type" : "String",
+        "desc" : "click || hover (or false to trigger manually)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "After the popover hide",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Popover",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "After the popover show",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Popover",
             "desc" : "",
             "isOptional" : false
           }
       }
     ],
     "methods" : [
-      {
-        "name" : "_getColGroup",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "(colSpan)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "colSpan",
-            "type" : "Number",
-            "desc" : "- number of columns the element spans",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "_postLayout",
-        "type" : "function",
-        "desc" : "Any logic you want to do after each layout,\ni.e. size the container",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "_processLayoutQueue",
-        "type" : "function",
-        "desc" : "Sets position of item in DOM",
-        "sig" : "(item, x, y, isInstant)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "item",
-            "type" : "Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "- horizontal position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "- vertical position",
-            "isOptional" : false
-          },
-          {
-            "name" : "isInstant",
-            "type" : "Boolean",
-            "desc" : "- disables transitions",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "addEvents",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "doAlign",
+        "type" : "function",
+        "desc" : "update the position of the dialog\nnormally this is needed if the popover get's bigger - due to a Table reload etc..",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "enable",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setContent",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "string",
+            "desc" : "body content",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setTitle",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "string",
+            "desc" : "title",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Show the popover",
+        "sig" : "(-, (left|right|top|bottom))",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "-",
+            "type" : "Roo.Element|string|Boolean",
+            "desc" : "element to align and point to. (set align to [ pos, offset ])",
+            "isOptional" : false
+          },
+          {
+            "name" : "(left|right|top|bottom)",
+            "type" : "string",
+            "desc" : "position",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "updatePosition",
+        "type" : "function",
+        "desc" : "fire this manually after loading a grid in the table for example",
+        "sig" : "((left|right|top|bottom), try)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "(left|right|top|bottom)",
+            "type" : "string",
+            "desc" : "where to try and put it (use false to use the last one)",
+            "isOptional" : false
+          },
+          {
+            "name" : "try",
+            "type" : "Boolean",
+            "desc" : "and move it if we cant get right position.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.PopoverNav",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
+    "tree_parent" : [
+      "none",
+      "builder"
+    ]
   },
-  "Roo.bootstrap.Link" : {
+  "Roo.bootstrap.PopoverNav" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) alignme",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alt",
-        "type" : "String",
-        "desc" : "image alternative text",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "anchor",
-        "type" : "String",
-        "desc" : "name for the anchor link",
-        "memberOf" : ""
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "- favicon",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "a tag href",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "the content of the link.",
-        "memberOf" : ""
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) loadMask on the b",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "preventDefault",
+        "name" : "main",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "desc" : "e) main nav bar? default fal",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "target",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "p) target for a href.",
-        "memberOf" : ""
+        "desc" : "v) default is n",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is ligh",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "beforetoggle",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "The img click event for the img.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
+      "Roo.bootstrap.nav.Group"
     ],
-    "tree_parent" : []
+    "tree_parent" : [
+      "Roo.bootstrap.Popover"
+    ]
   },
-  "Roo.bootstrap.LocationPicker" : {
+  "Roo.bootstrap.Progress" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "animated of the progress bar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableDoubleClickZoom",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "draggable",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "enableAutocomplete",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "enableReverseGeocode",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "latitude",
-        "type" : "Number",
-        "desc" : "Position when init default 0",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "locationName",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "longitude",
-        "type" : "Number",
-        "desc" : "Position when init default 0",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mapTypeControl",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mapTypeId",
-        "type" : "String",
-        "desc" : "default google.maps.MapTypeId.ROADMAP",
-        "memberOf" : ""
-      },
-      {
-        "name" : "markerTitle",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "radius",
-        "type" : "Number",
-        "desc" : "default 0",
-        "memberOf" : ""
-      },
-      {
-        "name" : "scrollwheel",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "streetViewControl",
+        "name" : "striped",
         "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "desc" : "striped of the progress bar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "zoom",
-        "type" : "Number",
-        "desc" : "default 15",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "OverlayViewDraw",
-        "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "OverlayViewHide",
-        "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "OverlayViewOnAdd",
-        "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "OverlayViewOnRemove",
-        "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "OverlayViewShow",
-        "type" : "function",
-        "desc" : "Fires when OverlayView Draw",
-        "sig" : "function (_self, cpx)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "cpx",
-            "type" : "Pixel",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when the map hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "initial",
-        "type" : "function",
-        "desc" : "Fires when the picker initialized.",
-        "sig" : "function (_self, location)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "location",
-            "type" : "Google Location",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "loadexception",
-        "type" : "function",
-        "desc" : "Fires when load google lib failed.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mapClick",
-        "type" : "function",
-        "desc" : "Fires when click the map.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Map event",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mapRightClick",
-        "type" : "function",
-        "desc" : "Fires when right click the map.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Map event",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markerClick",
-        "type" : "function",
-        "desc" : "Fires when click the marker.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Map event",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markerRightClick",
-        "type" : "function",
-        "desc" : "Fires when right click the marker.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Map event",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "positionchanged",
-        "type" : "function",
-        "desc" : "Fires when the picker position changed.",
-        "sig" : "function (_self, location)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "location",
-            "type" : "Google Location",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fires when the map resize.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires when the map show.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.LocationPicker",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.ProgressBar"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.MasonryBrick" : {
+  "Roo.bootstrap.ProgressBar" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "bgimage",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "aria_valuemax",
+        "type" : "Number",
+        "desc" : "aria-value max",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "aria_valuemin",
+        "type" : "Number",
+        "desc" : "aria-value min",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "aria_valuenow",
+        "type" : "Number",
+        "desc" : "aria-value now",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
+        "name" : "label",
         "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "defalut false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isFitContainer",
-        "type" : "Boolean",
-        "desc" : "defalut true",
-        "memberOf" : ""
+        "desc" : "label for the progress bar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "placetitle",
+        "name" : "panel",
         "type" : "String",
-        "desc" : "m)",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
       },
       {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "defalut false",
-        "memberOf" : ""
+        "name" : "role",
+        "type" : "String",
+        "desc" : "role of the progress bar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "size",
+        "name" : "sr_only",
         "type" : "String",
-        "desc" : "e)",
-        "memberOf" : ""
+        "desc" : "text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "videourl",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "When a MasonryBrick is clcik",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.MasonryBrick",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a  masonry brick based on the masonry brick ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "masonry brick to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Masonry Brick",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.MasonryBrick",
-            "desc" : "masonry brick to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.MessageBar" : {
+  "Roo.bootstrap.Row" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "beforeClass",
-        "type" : "String",
-        "desc" : "insert the bar before the given class",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fixed",
-        "type" : "Boolean",
-        "desc" : "e) default false, fix the bar at the top",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "contents of the MessageBar",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "r) default info",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.MessageBox" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "alert",
-        "type" : "function",
-        "desc" : "Displays a standard read-only message box with an OK button (comparable to the basic JavaScript Window.alert).\nIf a callback function is passed it will be called after the user clicks the button, and the\nid of the button that was clicked will be passed as the only parameter to the callback\n(could also be the top-right close button).",
-        "sig" : "(title, msg, fn, scope)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "The title bar text",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The message box body text",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "(optional) The callback function invoked after the message box is closed",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the callback function",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      },
-      {
-        "name" : "confirm",
-        "type" : "function",
-        "desc" : "Displays a confirmation message box with Yes and No buttons (comparable to JavaScript's Window.confirm).\nIf a callback function is passed it will be called after the user clicks either button, and the id of the\nbutton that was clicked will be passed as the only parameter to the callback (could also be the top-right close button).",
-        "sig" : "(title, msg, fn, scope)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "The title bar text",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The message box body text",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "(optional) The callback function invoked after the message box is closed",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the callback function",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      },
-      {
-        "name" : "getDialog",
-        "type" : "function",
-        "desc" : "Returns a reference to the underlying {@link Roo.BasicDialog} element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BasicDialog",
-            "desc" : "The BasicDialog element"
-          }
-        ]
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hides the message box if it is displayed",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if the message box is currently displayed",
-        "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 the message box is visible, else false"
-          }
-        ]
-      },
-      {
-        "name" : "progress",
-        "type" : "function",
-        "desc" : "Displays a message box with a progress bar.  This message box has no buttons and is not closeable by\nthe user.  You are responsible for updating the progress bar as needed via {@link Roo.MessageBox#updateProgress}\nand closing the message box when the process is complete.",
-        "sig" : "(title, msg)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "The title bar text",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The message box body text",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      },
-      {
-        "name" : "prompt",
-        "type" : "function",
-        "desc" : "Displays a message box with OK and Cancel buttons prompting the user to enter some text (comparable to\nJavaScript's Window.prompt).  The prompt can be a single-line or multi-line textbox.  If a callback function\nis passed it will be called after the user clicks either button, and the id of the button that was clicked\n(could also be the top-right close button) and the text that was entered will be passed as the two\nparameters to the callback.",
-        "sig" : "(title, msg, fn, scope, multiline)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "The title bar text",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The message box body text",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "(optional) The callback function invoked after the message box is closed",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the callback function",
-            "isOptional" : false
-          },
-          {
-            "name" : "multiline",
-            "type" : "Boolean/Number",
-            "desc" : "(optional) True to create a multiline textbox using the defaultTextHeight\nproperty, or the height in pixels to create the textbox (defaults to false / single-line)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Displays a new message box, or reinitializes an existing message box, based on the config options\npassed in. All functions (e.g. prompt, alert, etc) on MessageBox call this function internally.\nThe following config object properties are supported:\n<pre>\nProperty    Type             Description\n----------  ---------------  ------------------------------------------------------------------------------------\nanimEl            String/Element   An id or Element from which the message box should animate as it opens and\n                                   closes (defaults to undefined)\nbuttons           Object/Boolean   A button config object (e.g., Roo.MessageBox.OKCANCEL or {ok:'Foo',\n                                   cancel:'Bar'}), or false to not show any buttons (defaults to false)\nclosable          Boolean          False to hide the top-right close button (defaults to true).  Note that\n                                   progress and wait dialogs will ignore this property and always hide the\n                                   close button as they can only be closed programmatically.\ncls               String           A custom CSS class to apply to the message box element\ndefaultTextHeight Number           The default height in pixels of the message box's multiline textarea if\n                                   displayed (defaults to 75)\nfn                Function         A callback function to execute after closing the dialog.  The arguments to the\n                                   function will be btn (the name of the button that was clicked, if applicable,\n                                   e.g. \"ok\"), and text (the value of the active text field, if applicable).\n                                   Progress and wait dialogs will ignore this option since they do not respond to\n                                   user actions and can only be closed programmatically, so any required function\n                                   should be called by the same code after it closes the dialog.\nicon              String           A CSS class that provides a background image to be used as an icon for\n                                   the dialog (e.g., Roo.MessageBox.WARNING or 'custom-class', defaults to '')\nmaxWidth          Number           The maximum width in pixels of the message box (defaults to 600)\nminWidth          Number           The minimum width in pixels of the message box (defaults to 100)\nmodal             Boolean          False to allow user interaction with the page while the message box is\n                                   displayed (defaults to true)\nmsg               String           A string that will replace the existing message box body text (defaults\n                                   to the XHTML-compliant non-breaking space character '&#160;')\nmultiline         Boolean          True to prompt the user to enter multi-line text (defaults to false)\nprogress          Boolean          True to display a progress bar (defaults to false)\nprogressText      String           The text to display inside the progress bar if progress = true (defaults to '')\nprompt            Boolean          True to prompt the user to enter single-line text (defaults to false)\nproxyDrag         Boolean          True to display a lightweight proxy while dragging (defaults to false)\ntitle             String           The title text\nvalue             String           The string value to set into the active textbox element if displayed\nwait              Boolean          True to display a progress bar (defaults to false)\nwidth             Number           The width of the dialog in pixels\n</pre>\n\nExample usage:\n<pre><code>\nRoo.Msg.show({\n   title: 'Address',\n   msg: 'Please enter your address:',\n   width: 300,\n   buttons: Roo.MessageBox.OKCANCEL,\n   multiline: true,\n   fn: saveAddress,\n   animEl: 'addAddressBtn'\n});\n</code></pre>",
-        "sig" : "(config)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "Configuration options",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      },
-      {
-        "name" : "updateProgress",
-        "type" : "function",
-        "desc" : "Updates a progress-style message box's text and progress bar.  Only relevant on message boxes\ninitiated via {@link Roo.MessageBox#progress} or by calling {@link Roo.MessageBox#show} with progress: true.",
-        "sig" : "(value, text)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Number",
-            "desc" : "Any number between 0 and 1 (e.g., .5)",
-            "isOptional" : false
-          },
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "(optional) If defined, the message box's body text is replaced with the specified string (defaults to undefined)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      },
-      {
-        "name" : "updateText",
-        "type" : "function",
-        "desc" : "Updates the message box body text",
-        "sig" : "(text)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "(optional) Replaces the message box element's innerHTML with the specified string (defaults to\nthe XHTML-compliant non-breaking space character '&amp;#160;')",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      },
-      {
-        "name" : "wait",
-        "type" : "function",
-        "desc" : "Displays a message box with an infinitely auto-updating progress bar.  This can be used to block user\ninteraction while waiting for a long-running process to complete that does not have defined intervals.\nYou are responsible for closing the message box when the process is complete.",
-        "sig" : "(msg, title)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The message box body text",
-            "isOptional" : false
-          },
-          {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "(optional) The title bar text",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.MessageBox",
-            "desc" : "This message box"
-          }
-        ]
-      }
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
     ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Modal" : {
+  "Roo.bootstrap.Slider" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allow_close",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "bodyOverflow",
-        "type" : "Boolean",
-        "desc" : "should the body element have overflow auto added default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "buttonPosition",
-        "type" : "String",
-        "desc" : "r) default right (DEPRICATED) - use mr-auto on buttons to put them on the left",
-        "memberOf" : ""
-      },
-      {
-        "name" : "buttons[]",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "Array of buttons or standard button set..",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "editableTitle",
-        "type" : "Boolean",
-        "desc" : "can the title be edited",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fitwindow",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "fixed height - usefull for chrome extension only really.",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "- the body of the dialog (for simple ones) - you can also use template..",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "max_width",
-        "type" : "Number",
-        "desc" : "set the max width of modal",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "size",
-        "type" : "String",
-        "desc" : "l) default empty",
-        "memberOf" : ""
-      },
-      {
-        "name" : "specificTitle",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "Title of dialog",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tmpl",
-        "type" : "Roo.Template",
-        "desc" : "- a template with variables. to use it, add a handler in show:method  adn",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "fixed width - usefull for chrome extension only really.",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "btnclick",
-        "type" : "function",
-        "desc" : "The raw btnclick event for the button",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fire when dialog resize",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Modal",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "titlechanged",
-        "type" : "function",
-        "desc" : "Fire when the editable title has been changed",
-        "sig" : "function (_self, value)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Modal",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "applyBody",
-        "type" : "function",
-        "desc" : "Set the body of the Dialog using the template",
-        "sig" : "(data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "data",
-            "type" : "Obj",
-            "desc" : "- apply this data to the template and replace the body contents.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setBody",
-        "type" : "function",
-        "desc" : "Set the body of the Dialog",
-        "sig" : "(str)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "str",
-            "type" : "String",
-            "desc" : "new Title",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setTitle",
-        "type" : "function",
-        "desc" : "Set the title of the Dialog",
-        "sig" : "(str)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "str",
-            "type" : "String",
-            "desc" : "new Title",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.layout.Border",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
-    "tree_parent" : [
-      "none",
-      "builder"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.Pagination" : {
+  "Roo.bootstrap.SplitBar" : {
     "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "size",
-        "type" : "String",
-        "desc" : "l)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
+        "name" : "beforeresize",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires before the splitter is dragged",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.SplitBar",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "moved",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the splitter is moved",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.SplitBar",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "the new width or height",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the splitter is moved (alias for {@link #event-moved})",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.SplitBar",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "the new width or height",
             "isOptional" : false
           }
         ],
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Destroy this splitbar.",
+        "sig" : "(removeEl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "True to remove the element",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "getChildContainer",
+        "name" : "getAdapter",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Get the adapter this SplitBar uses",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "",
+            "desc" : "The adapter object"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getMaximumSize",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Gets the maximum size for the resizing element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Number",
+            "desc" : "The maximum size"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getMinimumSize",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Gets the minimum size for the resizing element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The minimum size"
           }
         ]
       },
-      {
-        "name" : "getVisibilityEl",
-        "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "hasListener",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setAdapter",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Set the adapter this SplitBar uses",
+        "sig" : "(adapter)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "adapter",
+            "type" : "Object",
+            "desc" : "A SplitBar adapter object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setCurrentSize",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Sets the initialize size for the resizing element",
+        "sig" : "(size)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "size",
+            "type" : "Number",
+            "desc" : "The initial size",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "setMaximumSize",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the maximum size for the resizing element",
+        "sig" : "(maxSize)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "maxSize",
+            "type" : "Number",
+            "desc" : "The maximum size",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "setMinimumSize",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Sets the minimum size for the resizing element",
+        "sig" : "(minSize)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "minSize",
+            "type" : "Number",
+            "desc" : "The minimum size",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "show",
+        "name" : "getElementSize",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "tooltipEl",
+        "name" : "setElementSize",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Called after drag operations to set the size of the resizing element.",
+        "sig" : "(s, newSize, onComplete)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "name" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
+            "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size to set",
+            "isOptional" : false
+          },
+          {
+            "name" : "onComplete",
+            "type" : "Function",
+            "desc" : "A function to be invoked when resizing is complete",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.SplitBar.BasicLayoutAdapter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getElementSize",
+        "type" : "function",
+        "desc" : "Called before drag operations to get the current size of the resizing element.",
+        "sig" : "(s)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setElementSize",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Called after drag operations to set the size of the resizing element.",
+        "sig" : "(s, newSize, onComplete)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "s",
+            "type" : "Roo.bootstrap.SplitBar",
+            "desc" : "The SplitBar using this adapter",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size to set",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "onComplete",
+            "type" : "Function",
+            "desc" : "A function to be invoked when resizing is complete",
             "isOptional" : false
           }
         ],
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Pagination"
+    "implementations" : [
+      "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter"
     ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.PaginationItem" : {
+  "Roo.bootstrap.TabGroup" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "name" : "alert",
+        "type" : "String",
+        "desc" : "r) type alert (changes background / border..",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : [
+          "success",
+          "info",
+          "warning",
+          "danger"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoslide",
+        "type" : "Boolean",
+        "desc" : "e) auto slide .. default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "bullets",
+        "type" : "Boolean",
+        "desc" : "show bullets for the panels",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "carousel",
+        "type" : "Boolean",
+        "desc" : "true to make the group behave like a carousel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
+        "name" : "fa",
+        "type" : "String",
+        "desc" : ".) font awesome ic",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : [
+          "ban",
+          "check",
+          "..."
+        ]
+      },
+      {
+        "name" : "fasize",
+        "type" : "Number",
+        "desc" : ".) font awsome si",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : [
+          "1",
+          "2",
+          "...."
+        ]
+      },
+      {
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "desc" : "e) hide the eleme",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "href",
+        "name" : "html",
         "type" : "String",
-        "desc" : "the link",
-        "memberOf" : ""
+        "desc" : "content of column.",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "html",
+        "name" : "icon",
         "type" : "String",
-        "desc" : "text",
-        "memberOf" : ""
+        "desc" : ".) glyphicon na",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : [
+          "info-sign",
+          "check",
+          "..."
+        ]
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lgoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mdoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "preventDefault",
+        "name" : "navId",
+        "type" : "String",
+        "desc" : "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showarrow",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : ""
+        "desc" : "e) show arrow default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "smoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "timer",
+        "type" : "Number",
+        "desc" : "auto slide timer .. default 0 millisecond",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xsoff",
+        "type" : "Number",
+        "desc" : "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
+        "memberOf" : "Roo.bootstrap.Column",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a Navigation Group based on the navigation ID\nif one does not exist , it will get created.",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "string",
+            "desc" : "navgroup to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Roo.bootstrap.nav.Item",
+            "desc" : "navitem to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a Navigation Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Roo.bootstrap.nav.Group",
+            "desc" : "navgroup to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "showPanel",
+        "type" : "function",
+        "desc" : "show a specific panel",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Roo.bootstrap.TabPanel|number|string",
+            "desc" : "to change to (use the tabId to specify a specific one)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "false if panel was not shown (invalid entry or beforedeactivate fails.)"
+          }
+        ]
+      },
       {
         "name" : "tooltipEl",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.TabPanel"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.PagingToolbar" : {
+  "Roo.bootstrap.TabPanel" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "panel active",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "arrangement",
-        "type" : "Boolean",
-        "desc" : "stacked | justified",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
-      },
-      {
-        "name" : "buttons[]",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "Buttons for the toolbar",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "container The id or element that will contain the toolbar",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "displayInfo",
-        "type" : "Boolean",
-        "desc" : "True to display the displayMsg (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "displayMsg",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "The paging status message to display (defaults to \"Displaying {start} - {end} of {total}\")",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "emptyMsg",
+        "name" : "href",
         "type" : "String",
-        "desc" : "The message to display when no records are found (defaults to \"No data to display\")",
-        "memberOf" : ""
+        "desc" : "click to link..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "html",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "panel content",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
-      },
-      {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "The number of records to display per page (defaults to 20)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The underlying data store providing the paged data",
-        "memberOf" : ""
+        "name" : "navId",
+        "type" : "String",
+        "desc" : "The Roo.bootstrap.nav.Group which triggers show hide ()",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tag",
+        "name" : "tabId",
         "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "name" : "touchSlide",
+        "type" : "Boolean",
+        "desc" : "if swiping slides tab to next panel (default off)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "beforedeactivate",
+        "type" : "function",
+        "desc" : "Fires before a tab is de-activated - can be used to do validation on a form.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.TabPanel",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "false if there is an error"
+          }
+        ]
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "beforetoggle",
+        "name" : "changed",
         "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "desc" : "Fires when the active status changes",
+        "sig" : "function (_self, state)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.bootstrap.TabPanel",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "the new state",
+            "isOptional" : false
           }
         ],
         "returns" : []
         ],
         "returns" : []
       },
-      {
-        "name" : "bind",
-        "type" : "function",
-        "desc" : "Binds the paging toolbar to the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "store",
-            "type" : "Roo.data.Store",
-            "desc" : "The data store to bind",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "unbind",
-        "type" : "function",
-        "desc" : "Unbinds the paging toolbar from the specified {@link Roo.data.Store}",
-        "sig" : "(store)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "store",
-            "type" : "Roo.data.Store",
-            "desc" : "The data store to unbind",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Popover" : {
+  "Roo.bootstrap.Table" : {
     "props" : [
-      {
-        "name" : "(right|top|bottom|left|auto)",
-        "type" : "String|function",
-        "desc" : "placement how it is placed",
-        "memberOf" : ""
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "add",
-        "type" : "String|Boolean|Roo.Element",
-        "desc" : "click hander to trigger show over what element\n     - if false and it has a 'parent' then it will be automatically added to that element\n     - if string - Roo.get  will be called",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "auto_hide_footer",
+        "type" : "Boolean",
+        "desc" : "auto hide footer if only one page (default false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "bordered",
+        "type" : "boolean",
+        "desc" : "Add borders to the table",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cellSelection",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "table class",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cm[]",
+        "type" : "Roo.grid.ColumnModel",
+        "desc" : "A column for the grid.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "condensed",
+        "type" : "boolean",
+        "desc" : "Format condensed",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "delay",
-        "type" : "Number",
-        "desc" : "- delay before showing",
-        "memberOf" : ""
+        "name" : "disableAutoSize",
+        "type" : "Boolean",
+        "desc" : "disable autoSize() and initCSS()",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "empty_results",
+        "type" : "string",
+        "desc" : "Text to display for no results",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableColumnResize",
+        "type" : "Boolean",
+        "desc" : "default true if columns can be resized = needs scrollBody to be set to work (drag/drop)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "footer",
+        "type" : "Roo.bootstrap.PagingToolbar",
+        "desc" : "a paging toolbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "footerRow",
+        "type" : "Boolean",
+        "desc" : "e) generate tfoot with columns of values, default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "footerShow",
+        "type" : "Boolean",
+        "desc" : "e) generate tfoot, default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "headerShow",
+        "type" : "Boolean",
+        "desc" : "e) generate thead, default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "contents of the popover   (or false to use children..)",
-        "memberOf" : ""
+        "name" : "hover",
+        "type" : "boolean",
+        "desc" : "Add hover highlighting",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lazyLoad",
+        "type" : "Boolean",
+        "desc" : "auto load data while scrolling to the end (default false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "modal",
+        "name" : "loadMask",
         "type" : "Boolean",
-        "desc" : "- popovers that are modal will mask the screen, and must be closed with another event.",
-        "memberOf" : ""
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "minColumnWidth",
+        "type" : "Number",
+        "desc" : "default 50 pixels minimum column width",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "responsive",
+        "type" : "boolean",
+        "desc" : "default false - if this is on, columns are rendered with col-xs-4 etc. classes, otherwise columns will be sized by CSS,\n               also adds table-responsive (see bootstrap docs for details)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "rowSelection",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "scrollBody",
+        "type" : "Boolean",
+        "desc" : "e) default false - body scrolled / fixed header (with resizable column",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "sm",
+        "type" : "Roo.grid.AbstractSelectionModel",
+        "desc" : "The selection model to use (cell selection is not supported yet)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to use",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "striped",
+        "type" : "boolean",
+        "desc" : "Should the rows be alternative striped",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
         "type" : "String",
-        "desc" : "of popover (or false to hide)",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "trigger",
-        "type" : "String",
-        "desc" : "click || hover (or false to trigger manually)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "cellclick",
+        "type" : "function",
+        "desc" : "Fires when a cell is clicked",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "cellcontextmenu",
+        "type" : "function",
+        "desc" : "Fires when a cell is right clicked",
+        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "cellIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "celldblclick",
+        "type" : "function",
+        "desc" : "Fires when a cell is double clicked",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "contextmenu",
+        "type" : "function",
+        "desc" : "The raw contextmenu event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "headercontextmenu",
+        "type" : "function",
+        "desc" : "Fires when a header is right clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "After the popover hide",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "mousedown",
+        "type" : "function",
+        "desc" : "The raw mousedown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "mouseout",
+        "type" : "function",
+        "desc" : "Fires when a mouseout occur",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Popover",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "mouseover",
+        "type" : "function",
+        "desc" : "Fires when a mouseover occur",
+        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "rowclass",
         "type" : "function",
-        "desc" : "After the popover show",
+        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
+        "sig" : "function (_self, rowcfg)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowcfg",
+            "type" : "Object",
+            "desc" : "contains record  rowIndex colIndex and rowClass - set rowClass to add a style.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "rowclick",
+        "type" : "function",
+        "desc" : "Fires when a row is clicked",
+        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "rowcontextmenu",
+        "type" : "function",
+        "desc" : "Fires when a row is right clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "rowdblclick",
+        "type" : "function",
+        "desc" : "Fires when a row is double clicked",
+        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "el",
+            "type" : "Roo.Element",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "rowsrendered",
+        "type" : "function",
+        "desc" : "Fires when all the  rows have been rendered",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Popover",
+            "type" : "Roo.bootstrap.Table",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "Forces a resize - used by panel.Grid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The element"
+          }
+        ]
+      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "clear",
+        "type" : "function",
+        "desc" : "Remove all rows",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ]
       },
       {
-        "name" : "doAlign",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "update the position of the dialog\nnormally this is needed if the popover get's bigger - due to a Table reload etc..",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "ensureVisible",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Scrolls the specified cell into view",
+        "sig" : "(row, col, hscroll)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
+            "isOptional" : false
+          },
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "hscroll",
+            "type" : "Boolean",
+            "desc" : "false to disable horizontal scrolling",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "fireEvent",
           }
         ]
       },
+      {
+        "name" : "focusCell",
+        "type" : "function",
+        "desc" : "Focuses the specified cell.",
+        "sig" : "(row, col, hscroll)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
+            "isOptional" : false
+          },
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "hscroll",
+            "type" : "Boolean",
+            "desc" : "false to disable horizontal scrolling",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focusRow",
+        "type" : "function",
+        "desc" : "Focuses the specified row.",
+        "sig" : "(row)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getCellIndex",
+        "type" : "function",
+        "desc" : "get the Column Index from a dom element. (using regex on x-hcol-{colid})",
+        "sig" : "(cell)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "cell",
+            "type" : "domElement",
+            "desc" : "to look for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getGridEl",
+        "type" : "function",
+        "desc" : "Returns the grid's underlying element = used by panel.Grid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getHeaderIndex",
+        "type" : "function",
+        "desc" : "get the header TH element for columnIndex",
+        "sig" : "(columnIndex)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getId",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getRowIndex",
+        "type" : "function",
+        "desc" : "get the Row Index from a dom element.",
+        "sig" : "(row)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "row",
+            "type" : "Roo.Element",
+            "desc" : "The row to look for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setContent",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "body content",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "setRowVisibility",
         "type" : "function",
-        "desc" : "",
-        "sig" : "(the)",
+        "desc" : "Show or hide a row.",
+        "sig" : "(rowIndex, state)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "title",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "to show or hide",
+            "isOptional" : false
+          },
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "hide",
             "isOptional" : false
           }
         ],
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show the popover",
-        "sig" : "(-, (left|right|top|bottom))",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "-",
-            "type" : "Roo.Element|string|Boolean",
-            "desc" : "element to align and point to. (set align to [ pos, offset ])",
-            "isOptional" : false
-          },
-          {
-            "name" : "(left|right|top|bottom)",
-            "type" : "string",
-            "desc" : "position",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "updatePosition",
-        "type" : "function",
-        "desc" : "fire this manually after loading a grid in the table for example",
-        "sig" : "((left|right|top|bottom), try)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "(left|right|top|bottom)",
-            "type" : "string",
-            "desc" : "where to try and put it (use false to use the last one)",
-            "isOptional" : false
-          },
-          {
-            "name" : "try",
-            "type" : "Boolean",
-            "desc" : "and move it if we cant get right position.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.PopoverNav",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
+      "Roo.bootstrap.TableBody"
     ],
-    "tree_parent" : [
-      "none",
-      "builder"
-    ]
+    "tree_parent" : []
   },
-  "Roo.bootstrap.PopoverNav" : {
+  "Roo.bootstrap.TableBody" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "Aligns the content inside the element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "arrangement",
-        "type" : "Boolean",
-        "desc" : "stacked | justified",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "charoff",
+        "type" : "Number",
+        "desc" : "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "element class",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
-      },
-      {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "element tag (thead|tbody|tfoot) default tbody",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "type",
+        "name" : "valign",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "Vertical aligns the content inside the <tbody> element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.nav.Group"
+      "Roo.bootstrap.TableRow"
     ],
     "tree_parent" : [
-      "Roo.bootstrap.Popover"
+      "Roo.bootstrap.Table"
     ]
   },
-  "Roo.bootstrap.Progress" : {
+  "Roo.bootstrap.TableCell" : {
     "props" : [
+      {
+        "name" : "abbr",
+        "type" : "String",
+        "desc" : "Specifies an abbreviated version of the content in a cell",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "animated of the progress bar",
-        "memberOf" : ""
+        "name" : "align",
+        "type" : "String",
+        "desc" : "Aligns the content in a cell",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "axis",
+        "type" : "String",
+        "desc" : "Categorizes cells",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "bgcolor",
+        "type" : "String",
+        "desc" : "Specifies the background color of a cell",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "charoff",
+        "type" : "Number",
+        "desc" : "Sets the number of characters the content will be aligned from the character specified by the char attribute",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "cell class",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "colspan",
+        "type" : "Number",
+        "desc" : "Specifies the number of columns a cell should span",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "headers",
+        "type" : "String",
+        "desc" : "Specifies one or more header cells a cell is related to",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "Sets the height of a cell",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "cell contain text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "striped",
-        "type" : "Boolean",
-        "desc" : "striped of the progress bar",
-        "memberOf" : ""
+        "name" : "nowrap",
+        "type" : "String",
+        "desc" : "Specifies that the content inside a cell should not wrap",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "rowspan",
+        "type" : "Number",
+        "desc" : "Sets the number of rows a cell should span",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "scope",
+        "type" : "String",
+        "desc" : "Defines a way to associate header cells and data cells in a table",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "cell tag (td|th) default td",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valign",
+        "type" : "String",
+        "desc" : "Vertical aligns the content in a cell",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "Specifies the width of a cell",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.ProgressBar"
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
     ],
-    "tree_parent" : []
+    "tree_parent" : [
+      "Roo.bootstrap.TableRow"
+    ]
   },
-  "Roo.bootstrap.ProgressBar" : {
+  "Roo.bootstrap.TableRow" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "Aligns the content in a table row",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "aria_valuemax",
-        "type" : "Number",
-        "desc" : "aria-value max",
-        "memberOf" : ""
-      },
-      {
-        "name" : "aria_valuemin",
-        "type" : "Number",
-        "desc" : "aria-value min",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "aria_valuenow",
-        "type" : "Number",
-        "desc" : "aria-value now",
-        "memberOf" : ""
+        "name" : "bgcolor",
+        "type" : "String",
+        "desc" : "Specifies a background color for a table row",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "charoff",
+        "type" : "Number",
+        "desc" : "Sets the number of characters the content will be aligned from the character specified by the char attribute",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "row class",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "label",
-        "type" : "String",
-        "desc" : "label for the progress bar",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "panel",
-        "type" : "String",
-        "desc" : ")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "role",
-        "type" : "String",
-        "desc" : "role of the progress bar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sr_only",
-        "type" : "String",
-        "desc" : "text",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valign",
+        "type" : "String",
+        "desc" : "Vertical aligns the content in a table row",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
+    "tree_children" : [
+      "Roo.bootstrap.TableCell"
+    ],
+    "tree_parent" : [
+      "Roo.bootstrap.TableBody"
+    ]
+  },
+  "Roo.bootstrap.Tooltip" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "currentEl",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Row" : {
+  "Roo.bootstrap.UploadCropbox" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "buttons",
+        "type" : "Array",
+        "desc" : "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "show when image has been loaded",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "isDocument",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "loadingText",
+        "type" : "Boolean",
+        "desc" : "default 'Loading...'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "method",
+        "type" : "String",
+        "desc" : "default POST",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minHeight",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "paramName",
+        "type" : "String",
+        "desc" : "default 'imageUpload'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "rotateNotify",
+        "type" : "String",
+        "desc" : "show when image too small to rotate",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "action url",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "arrange",
+        "type" : "function",
+        "desc" : "Fire when arrange the file data",
+        "sig" : "function (_self, formData)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "formData",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "beforeloadcanvas",
+        "type" : "function",
+        "desc" : "Fire before load the canvas",
+        "sig" : "function (_self, src)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "src",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforerender",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "beforeselectfile",
+        "type" : "function",
+        "desc" : "Fire before select file",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforeshow",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "crop",
+        "type" : "function",
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "download",
+        "type" : "function",
+        "desc" : "Fire when download the image",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "enable",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "exception",
+        "type" : "function",
+        "desc" : "Fire when get exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "xhr",
+            "type" : "XMLHttpRequest",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "footerbuttonclick",
+        "type" : "function",
+        "desc" : "Fire when footerbuttonclick",
+        "sig" : "function (_self, type)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "type",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "initial",
+        "type" : "function",
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "inspect",
+        "type" : "function",
+        "desc" : "Fire when inspect the file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "prepare",
+        "type" : "function",
+        "desc" : "Fire when preparing the file data",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fire when resize",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "rotate",
+        "type" : "function",
+        "desc" : "Fire when rotate the image",
+        "sig" : "function (_self, pos)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "pos",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "show",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "trash",
+        "type" : "function",
+        "desc" : "Fire when trash image",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "upload",
+        "type" : "function",
+        "desc" : "Fire when xhr upload the file",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.UploadCropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Slider" : {
+  "Roo.bootstrap.breadcrumb" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.breadcrumb.Item" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "is it active",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "where it links to if '#' is used the link will be handled by onClick.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "the content of the link.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "The img click event for the img.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
+    "tree_parent" : [
+      "Roo.bootstrap.breadcrumb.Nav"
+    ]
   },
-  "Roo.bootstrap.SplitBar" : {
+  "Roo.bootstrap.breadcrumb.Nav" : {
     "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforeresize",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires before the splitter is dragged",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.SplitBar",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "moved",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires when the splitter is moved",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.SplitBar",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "the new width or height",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires when the splitter is moved (alias for {@link #event-moved})",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.SplitBar",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "the new width or height",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroy this splitbar.",
-        "sig" : "(removeEl)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "removeEl",
-            "type" : "Boolean",
-            "desc" : "True to remove the element",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "getAdapter",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Get the adapter this SplitBar uses",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getChildContainer",
+        "type" : "function",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "The adapter object"
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getMaximumSize",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets the maximum size for the resizing element",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The maximum size"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getMinimumSize",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Gets the minimum size for the resizing element",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The minimum size"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "hasListener",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setAdapter",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Set the adapter this SplitBar uses",
-        "sig" : "(adapter)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "adapter",
-            "type" : "Object",
-            "desc" : "A SplitBar adapter object",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setCurrentSize",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Sets the initialize size for the resizing element",
-        "sig" : "(size)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "size",
-            "type" : "Number",
-            "desc" : "The initial size",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setMaximumSize",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Sets the maximum size for the resizing element",
-        "sig" : "(maxSize)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "maxSize",
-            "type" : "Number",
-            "desc" : "The maximum size",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setMinimumSize",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Sets the minimum size for the resizing element",
-        "sig" : "(minSize)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "minSize",
-            "type" : "Number",
-            "desc" : "The minimum size",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "un",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "getElementSize",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Called before drag operations to get the current size of the resizing element.",
-        "sig" : "(s)",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "s",
-            "type" : "Roo.bootstrap.SplitBar",
-            "desc" : "The SplitBar using this adapter",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setElementSize",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Called after drag operations to set the size of the resizing element.",
-        "sig" : "(s, newSize, onComplete)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.SplitBar.BasicLayoutAdapter",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Roo.bootstrap.SplitBar",
-            "desc" : "The SplitBar using this adapter",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size to set",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "onComplete",
-            "type" : "Function",
-            "desc" : "A function to be invoked when resizing is complete",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.breadcrumb.Item"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.SplitBar.BasicLayoutAdapter" : {
+  "Roo.bootstrap.dash" : {
     "props" : [],
     "events" : [],
-    "methods" : [
-      {
-        "name" : "getElementSize",
-        "type" : "function",
-        "desc" : "Called before drag operations to get the current size of the resizing element.",
-        "sig" : "(s)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "s",
-            "type" : "Roo.bootstrap.SplitBar",
-            "desc" : "The SplitBar using this adapter",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setElementSize",
-        "type" : "function",
-        "desc" : "Called after drag operations to set the size of the resizing element.",
-        "sig" : "(s, newSize, onComplete)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "s",
-            "type" : "Roo.bootstrap.SplitBar",
-            "desc" : "The SplitBar using this adapter",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size to set",
-            "isOptional" : false
-          },
-          {
-            "name" : "onComplete",
-            "type" : "Function",
-            "desc" : "A function to be invoked when resizing is complete",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
+    "methods" : [],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.SplitBar.AbsoluteLayoutAdapter"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.TabGroup" : {
+  "Roo.bootstrap.dash.NumberBox" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alert",
-        "type" : "String",
-        "desc" : "r) type alert (changes background / border...)",
-        "memberOf" : "Roo.bootstrap.Column"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autoslide",
-        "type" : "Boolean",
-        "desc" : "e) auto slide .. default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "bullets",
-        "type" : "Boolean",
-        "desc" : "show bullets for the panels",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "carousel",
-        "type" : "Boolean",
-        "desc" : "true to make the group behave like a carousel",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "content",
+        "type" : "String",
+        "desc" : "Box content",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fa",
+        "name" : "fhref",
         "type" : "String",
-        "desc" : ".) font awesome icon",
-        "memberOf" : "Roo.bootstrap.Column"
-      },
-      {
-        "name" : "fasize",
-        "type" : "Number",
-        "desc" : ".) font awsome size",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "Footer href",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "e) hide the element",
-        "memberOf" : "Roo.bootstrap.Column"
+        "name" : "footer",
+        "type" : "String",
+        "desc" : "Footer text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "headline",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "Box headline",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "html",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "content of column.",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "icon",
         "type" : "String",
-        "desc" : ".) glyphicon name",
-        "memberOf" : "Roo.bootstrap.Column"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
-      },
-      {
-        "name" : "lgoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for large computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "desc" : "Box icon",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
-      },
-      {
-        "name" : "mdoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for computer-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "navId",
-        "type" : "String",
-        "desc" : "the navigation id (for use with navbars) - will be auto generated if it does not exist..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "showarrow",
-        "type" : "Boolean",
-        "desc" : "e) show arrow default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
-      },
-      {
-        "name" : "smoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for tablet-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "timer",
-        "type" : "Number",
-        "desc" : "auto slide timer .. default 0 millisecond",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
-      },
-      {
-        "name" : "xsoff",
-        "type" : "Number",
-        "desc" : "colspan offset out of 12 for mobile-sized screens or 0 for hidden",
-        "memberOf" : "Roo.bootstrap.Column"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
           }
         ]
       },
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "fetch a Navigation Group based on the navigation ID\nif one does not exist , it will get created.",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "navgroup to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.nav.Item",
-            "desc" : "navitem to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Navigation Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.nav.Group",
-            "desc" : "navgroup to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "showPanel",
-        "type" : "function",
-        "desc" : "show a specific panel",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Roo.bootstrap.TabPanel|number|string",
-            "desc" : "to change to (use the tabId to specify a specific one)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "false if panel was not shown (invalid entry or beforedeactivate fails.)"
-          }
-        ]
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.TabPanel"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.TabPanel" : {
+  "Roo.bootstrap.dash.TabBox" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "panel active",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "click to link..",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
+        "name" : "icon",
         "type" : "String",
-        "desc" : "panel content",
-        "memberOf" : ""
+        "desc" : "Icon of the TabBox",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "navId",
-        "type" : "String",
-        "desc" : "The Roo.bootstrap.nav.Group which triggers show hide ()",
-        "memberOf" : ""
+        "name" : "showtabs",
+        "type" : "Boolean",
+        "desc" : "e) show the tabs default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabId",
+        "name" : "tabScrollable",
+        "type" : "Boolean",
+        "desc" : "e) tab scrollable when mobile view default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "title",
         "type" : "String",
-        "desc" : "unique tab ID (will be autogenerated if not set. - used to match TabItem to Panel)",
-        "memberOf" : ""
+        "desc" : "Title of the TabBox",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "touchSlide",
-        "type" : "Boolean",
-        "desc" : "if swiping slides tab to next panel (default off)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedeactivate",
+        "name" : "activatepane",
         "type" : "function",
-        "desc" : "Fires before a tab is de-activated - can be used to do validation on a form.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "When a pane is activated",
+        "sig" : "function (pane)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.TabPanel",
+            "name" : "pane",
+            "type" : "Roo.bootstrap.dash.TabPane",
             "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "false if there is an error"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "beforedestroy",
+        "name" : "addpane",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "When a pane is added",
+        "sig" : "function (pane)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "pane",
+            "type" : "Roo.bootstrap.dash.TabPane",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "changed",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires when the active status changes",
-        "sig" : "function (_self, state)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.TabPanel",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "the new state",
-            "isOptional" : false
           }
         ],
         "returns" : []
         ],
         "returns" : []
       },
+      {
+        "name" : "setTitle",
+        "type" : "function",
+        "desc" : "Updates the box title",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "to set the title to.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
+      "Roo.bootstrap.dash.TabPane"
     ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.Table" : {
+  "Roo.bootstrap.dash.TabPane" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "active",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "e) Default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "false",
+          "true"
+        ]
       },
       {
-        "name" : "auto_hide_footer",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "auto hide footer if only one page (default false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "bordered",
-        "type" : "boolean",
-        "desc" : "Add borders to the table",
-        "memberOf" : ""
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cellSelection",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "table class",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cm[]",
-        "type" : "Roo.grid.ColumnModel",
-        "desc" : "A column for the grid.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "condensed",
-        "type" : "boolean",
-        "desc" : "Format condensed",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "empty_results",
-        "type" : "string",
-        "desc" : "Text to display for no results",
-        "memberOf" : ""
-      },
-      {
-        "name" : "enableColumnResize",
-        "type" : "Boolean",
-        "desc" : "default true if columns can be resized = needs scrollBody to be set to work (drag/drop)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "footer",
-        "type" : "Roo.bootstrap.PagingToolbar",
-        "desc" : "a paging toolbar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "footerShow",
-        "type" : "Boolean",
-        "desc" : "e) generate tfoot, default true",
-        "memberOf" : ""
-      },
-      {
-        "name" : "headerShow",
-        "type" : "Boolean",
-        "desc" : "e) generate thead, default true",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hover",
-        "type" : "boolean",
-        "desc" : "Add hover highlighting",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lazyLoad",
-        "type" : "Boolean",
-        "desc" : "auto load data while scrolling to the end (default false)",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minColumnWidth",
-        "type" : "Number",
-        "desc" : "default 50 pixels minimum column width",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "responsive",
-        "type" : "boolean",
-        "desc" : "default false - if this is on, columns are rendered with col-xs-4 etc. classes, otherwise columns will be sized by CSS,\n               also adds table-responsive (see bootstrap docs for details)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rowSelection",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "scrollBody",
-        "type" : "Boolean",
-        "desc" : "e) default false - body scrolled / fixed header (with resizable columns)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sm",
-        "type" : "Roo.grid.AbstractSelectionModel",
-        "desc" : "The selection model to use (cell selection is not supported yet)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to use",
-        "memberOf" : ""
-      },
-      {
-        "name" : "striped",
-        "type" : "boolean",
-        "desc" : "Should the rows be alternative striped",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "title of panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "activate",
+        "type" : "function",
+        "desc" : "When a pane is activated",
+        "sig" : "function (pane)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "pane",
+            "type" : "Roo.bootstrap.dash.TabPane",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "cellclick",
-        "type" : "function",
-        "desc" : "Fires when a cell is clicked",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "cellcontextmenu",
-        "type" : "function",
-        "desc" : "Fires when a cell is right clicked",
-        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "cellIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "celldblclick",
-        "type" : "function",
-        "desc" : "Fires when a cell is double clicked",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "contextmenu",
-        "type" : "function",
-        "desc" : "The raw contextmenu event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "headercontextmenu",
-        "type" : "function",
-        "desc" : "Fires when a header is right clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "mousedown",
-        "type" : "function",
-        "desc" : "The raw mousedown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mouseout",
-        "type" : "function",
-        "desc" : "Fires when a mouseout occur",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mouseover",
-        "type" : "function",
-        "desc" : "Fires when a mouseover occur",
-        "sig" : "function (_self, el, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "rowclass",
-        "type" : "function",
-        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
-        "sig" : "function (_self, rowcfg)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowcfg",
-            "type" : "Object",
-            "desc" : "contains record  rowIndex colIndex and rowClass - set rowClass to add a style.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "rowclick",
-        "type" : "function",
-        "desc" : "Fires when a row is clicked",
-        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "rowcontextmenu",
-        "type" : "function",
-        "desc" : "Fires when a row is right clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "rowdblclick",
-        "type" : "function",
-        "desc" : "Fires when a row is double clicked",
-        "sig" : "function (_self, el, rowIndex, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "el",
-            "type" : "Roo.Element",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "rowsrendered",
-        "type" : "function",
-        "desc" : "Fires when all the  rows have been rendered",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "Forces a resize - used by panel.Grid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Element",
-            "desc" : "The element"
-          }
-        ]
-      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "clear",
-        "type" : "function",
-        "desc" : "Remove all rows",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "ensureVisible",
-        "type" : "function",
-        "desc" : "Scrolls the specified cell into view",
-        "sig" : "(row, col, hscroll)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The row index",
-            "isOptional" : false
-          },
-          {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "hscroll",
-            "type" : "Boolean",
-            "desc" : "false to disable horizontal scrolling",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "focusCell",
-        "type" : "function",
-        "desc" : "Focuses the specified cell.",
-        "sig" : "(row, col, hscroll)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The row index",
-            "isOptional" : false
-          },
-          {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "hscroll",
-            "type" : "Boolean",
-            "desc" : "false to disable horizontal scrolling",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "focusRow",
-        "type" : "function",
-        "desc" : "Focuses the specified row.",
-        "sig" : "(row)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The row index",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "getCellIndex",
-        "type" : "function",
-        "desc" : "get the Column Index from a dom element. (using regex on x-hcol-{colid})",
-        "sig" : "(cell)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "cell",
-            "type" : "domElement",
-            "desc" : "to look for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getGridEl",
-        "type" : "function",
-        "desc" : "Returns the grid's underlying element = used by panel.Grid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Element",
-            "desc" : "The element"
-          }
-        ]
-      },
-      {
-        "name" : "getHeaderIndex",
-        "type" : "function",
-        "desc" : "get the header TH element for columnIndex",
-        "sig" : "(columnIndex)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getId",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getRowIndex",
-        "type" : "function",
-        "desc" : "get the Row Index from a dom element.",
-        "sig" : "(row)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "row",
-            "type" : "Roo.Element",
-            "desc" : "The row to look for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setRowVisibility",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Show or hide a row.",
-        "sig" : "(rowIndex, state)",
+        "desc" : "Updates the tab title",
+        "sig" : "(html)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "to show or hide",
-            "isOptional" : false
-          },
-          {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "hide",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "to set the title to.",
             "isOptional" : false
           }
         ],
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.TableBody"
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.TabGroup"
     ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.TableBody" : {
+  "Roo.bootstrap.form" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.form.CardUploader" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "Aligns the content inside the element",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "badge",
+        "type" : "String",
+        "desc" : "text for badge",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "badge_weight",
+        "type" : "String",
+        "desc" : "k) default (same as butto",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "charoff",
-        "type" : "Number",
-        "desc" : "Sets the number of characters the content inside the element will be aligned from the character specified by the char attribute",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "element class",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "depricated - use fa",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grpup",
+        "type" : "Boolean",
+        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "empty or href",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "Array",
+        "desc" : "The button text.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "images",
+        "type" : "Array",
+        "desc" : "an array of ?? Img objects ??? when loading existing files..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "dark themed version",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "isClose",
+        "type" : "Boolean",
+        "desc" : "default false;",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menu",
+        "type" : "Roo.bootstrap.menu.Menu",
+        "desc" : "a Menu",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "offtext",
+        "type" : "String",
+        "desc" : "text for off slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ontext",
+        "type" : "String",
+        "desc" : "text for on slidy toggle state",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "outline",
+        "type" : "Boolean",
+        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pressed",
+        "type" : "Boolean",
+        "desc" : "default null - if the button ahs active state",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "default true (stop click event triggering the URL if it's a link.)",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "removeClass",
+        "type" : "Boolean",
+        "desc" : "remove the standard class..",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "lg",
+          "sm",
+          "xs"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tag",
         "type" : "String",
-        "desc" : "element tag (thead|tbody|tfoot) default tbody",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "a",
+          "input",
+          "submit"
+        ]
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "target",
+        "type" : "String",
+        "desc" : "r) target for a hre",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "_self",
+          "_blank",
+          "_parent",
+          "_top",
+          "other"
+        ]
       },
       {
-        "name" : "valign",
+        "name" : "theme",
         "type" : "String",
-        "desc" : "Vertical aligns the content inside the <tbody> element",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "glow"
+        ]
+      },
+      {
+        "name" : "toggle",
+        "type" : "Boolean",
+        "desc" : "is it a slidy toggle button",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "k) defau",
+        "memberOf" : "Roo.bootstrap.Button",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "When a button is pressed",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "dblclick",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "When a button is double clicked",
+        "sig" : "function (btn, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "download",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "When a the download link is clicked",
+        "sig" : "function (_self, The)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Card",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "The",
+            "type" : "Object",
+            "desc" : "image information data  contains",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "preview",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "When a image is clicked on - and needs to display a slideshow or similar..",
+        "sig" : "function (_self, The)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Card",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
+            "name" : "The",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "image information data",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "toggle",
+        "type" : "function",
+        "desc" : "After the button has been toggles",
+        "sig" : "function (btn, e, pressed)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Button",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "btn",
+            "type" : "Roo.bootstrap.Button",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "pressed",
+            "type" : "boolean",
+            "desc" : "(also available as button.pressed)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addCard",
+        "type" : "function",
+        "desc" : "addCard - add an Attachment to the uploader",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "data",
+            "type" : "",
+            "desc" : "- the data about the image to upload\n\n{\n          id : 123\n          title : \"Title of file\",\n          is_uploaded : false,\n          src : \"http://.....\",\n          srcfile : { the File upload object },\n          mimetype : file.type,\n          preview : false,\n          is_deleted : 0\n          .. any other data...\n        }",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Disable this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Enables this button",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Button",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "fireEvent",
           }
         ]
       },
+      {
+        "name" : "getText",
+        "type" : "function",
+        "desc" : "get the text of the first selected button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "isActive",
+        "type" : "function",
+        "desc" : "get the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if it's active"
+          }
+        ]
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setActive",
+        "type" : "function",
+        "desc" : "sets the active state on/off,",
+        "sig" : "(state)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "state",
+            "type" : "Boolean",
+            "desc" : "(optional) Force a particular state",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setText",
+        "type" : "function",
+        "desc" : "set the text of the first selected button",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "toggleActive",
+        "type" : "function",
+        "desc" : "toggles the current active state",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Button",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "tooltipEl",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.TableRow"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.Table"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.TableCell" : {
+  "Roo.bootstrap.form.CheckBox" : {
     "props" : [
       {
-        "name" : "abbr",
+        "name" : "accept",
         "type" : "String",
-        "desc" : "Specifies an abbreviated version of the content in a cell",
-        "memberOf" : ""
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "Aligns the content in a cell",
-        "memberOf" : ""
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "axis",
+        "name" : "autocomplete",
         "type" : "String",
-        "desc" : "Categorizes cells",
-        "memberOf" : ""
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "bgcolor",
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
         "type" : "String",
-        "desc" : "Specifies the background color of a cell",
-        "memberOf" : ""
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "boxLabel",
+        "type" : "String",
+        "desc" : "The text that appears beside the checkbox",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "charoff",
-        "type" : "Number",
-        "desc" : "Sets the number of characters the content will be aligned from the character specified by the char attribute",
-        "memberOf" : ""
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "cell class",
-        "memberOf" : ""
+        "name" : "checked",
+        "type" : "Boolean",
+        "desc" : "initnal the element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "colspan",
-        "type" : "Number",
-        "desc" : "Specifies the number of columns a cell should span",
-        "memberOf" : ""
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "headers",
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
         "type" : "String",
-        "desc" : "Specifies one or more header cells a cell is related to",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "Sets the height of a cell",
-        "memberOf" : ""
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "groupId",
+        "type" : "String",
+        "desc" : "the checkbox group id // normal just use for checkbox",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "html",
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "cell contain text",
-        "memberOf" : ""
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "inline",
+        "type" : "Boolean",
+        "desc" : "inline the element (default false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
+      },
+      {
+        "name" : "inputValue",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value when checked.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "nowrap",
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
         "type" : "String",
-        "desc" : "Specifies that the content inside a cell should not wrap",
-        "memberOf" : ""
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "rowspan",
+        "name" : "md",
         "type" : "Number",
-        "desc" : "Sets the number of rows a cell should span",
-        "memberOf" : ""
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "scope",
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
         "type" : "String",
-        "desc" : "Defines a way to associate header cells and data cells in a table",
-        "memberOf" : ""
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tag",
+        "name" : "tooltip",
         "type" : "String",
-        "desc" : "cell tag (td|th) default td",
-        "memberOf" : ""
+        "desc" : "label tooltip",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
         "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "valign",
+        "name" : "valueOff",
         "type" : "String",
-        "desc" : "Vertical aligns the content in a cell",
-        "memberOf" : ""
+        "desc" : "The value that should go into the generated input element's value when unchecked.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "Specifies the width of a cell",
-        "memberOf" : ""
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "s) The text that appears beside the checkb",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "primary",
+          "warning",
+          "info",
+          "danger",
+          "success"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "check",
+        "type" : "function",
+        "desc" : "Fires when the element is checked or unchecked.",
+        "sig" : "function (_self, checked)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.CheckBox",
+            "desc" : "This input",
+            "isOptional" : false
+          },
+          {
+            "name" : "checked",
+            "type" : "Boolean",
+            "desc" : "The new checked value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when the element is click.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.CheckBox",
+            "desc" : "This input",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a CheckBox Group based on the group ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "string",
+            "desc" : "group ID",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a CheckBox Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Roo.bootstrap.form.CheckBox",
+            "desc" : "CheckBox to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.TableRow"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.TableRow" : {
+  "Roo.bootstrap.form.ComboBox" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "Aligns the content in a table row",
-        "memberOf" : ""
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allQuery",
+        "type" : "String",
+        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "bgcolor",
+        "name" : "alwaysQuery",
+        "type" : "Boolean",
+        "desc" : "Disable caching of results, and always send query",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "append",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoFocus",
+        "type" : "Boolean",
+        "desc" : "e) auto focus the first item, default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "autocomplete",
         "type" : "String",
-        "desc" : "Specifies a background color for a table row",
-        "memberOf" : ""
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blockFocus",
+        "type" : "Boolean",
+        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "btnPosition",
+        "type" : "String",
+        "desc" : "set the position of the trigger button (left | right) default right",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "charoff",
-        "type" : "Number",
-        "desc" : "Sets the number of characters the content will be aligned from the character specified by the char attribute",
-        "memberOf" : ""
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa na",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "row class",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClear",
+        "type" : "Boolean",
+        "desc" : "Disable showing of clear button.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "displayField",
+        "type" : "String",
+        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyResultText",
+        "type" : "Boolean",
+        "desc" : "only for touch device",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyTitle",
+        "type" : "String",
+        "desc" : "default ''",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "forceSelection",
+        "type" : "Boolean",
+        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lazyRender",
+        "type" : "Boolean",
+        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listAlign",
+        "type" : "String",
+        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadingText",
+        "type" : "String",
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minChars",
+        "type" : "Number",
+        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minListWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mobileTouchView",
+        "type" : "Boolean",
+        "desc" : "e) show mobile touch view when using a mobile default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "mobile_restrict_height",
+        "type" : "Boolean",
+        "desc" : "e) restrict height for touch vi",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "modalTitle",
+        "type" : "String",
+        "desc" : "The title of the dialog that pops up on mobile views.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "multiple",
+        "type" : "Boolean",
+        "desc" : "e) ComboBobArray, default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pageSize",
+        "type" : "Number",
+        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryParam",
+        "type" : "String",
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default fal",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showToggleBtn",
+        "type" : "Boolean",
+        "desc" : "show toggle button or not (true|false) default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "specialFilter",
+        "type" : "Boolean",
+        "desc" : "e) special filter default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tickable",
+        "type" : "Boolean",
+        "desc" : "ComboBox with tickable selections (true|false), default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "valign",
+        "name" : "tpl",
+        "type" : "String/Roo.Template",
+        "desc" : "The template to use to render the output default is  '<a class=\"dropdown-item\" href=\"#\">{' + this.displayField + '}</a>'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerAction",
         "type" : "String",
-        "desc" : "Vertical aligns the content in a table row",
-        "memberOf" : ""
+        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerList",
+        "type" : "Boolean",
+        "desc" : "trigger show the list or not (true|false) default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerText",
+        "type" : "String",
+        "desc" : "multiple combobox trigger button text default 'Select'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAhead",
+        "type" : "Boolean",
+        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAheadDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "useNativeIOS",
+        "type" : "Boolean",
+        "desc" : "e) render it as classic select for ios, not support dynamic load data (default fals",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - uses BS4 is-valid now",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueField",
+        "type" : "String",
+        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueNotFoundText",
+        "type" : "String",
+        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "fixed with? experimental",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "afterremove",
+        "type" : "function",
+        "desc" : "Fires when the remove value from the combobox array",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "beforequery",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
+        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The query",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "true to force \"all\" query",
+            "isOptional" : false
+          },
+          {
+            "name" : "cancel",
+            "type" : "Boolean",
+            "desc" : "true to cancel the query",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The query event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "beforeselect",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires when this field loses input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the dropdown list is collapsed",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "edit",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo, record)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "record",
+            "type" : "Roo.data.Record|false",
+            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the dropdown list is expanded",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Fires when the remove value from the combobox array",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when a list item is selected",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store (or false on clear)",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "specialfilter",
+        "type" : "function",
+        "desc" : "Fires when specialfilter",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "tick",
+        "type" : "function",
+        "desc" : "Fires when tick the element",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "touchviewdisplay",
+        "type" : "function",
+        "desc" : "Fires when touch view require special display (default is using displayField)",
+        "sig" : "function (combo, cfg)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.bootstrap.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "set html .",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "clearValue",
+        "type" : "function",
+        "desc" : "Clears any text/value currently set in the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
             "name" : "",
             "type" : "Roo.Component",
           }
         ]
       },
+      {
+        "name" : "doQuery",
+        "type" : "function",
+        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
+        "sig" : "(query, forceAll)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The SQL query to execute",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "enable",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "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" : "value The selected value"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isExpanded",
+        "type" : "function",
+        "desc" : "Returns true if the dropdown list is expanded, else false.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "onTriggerClick",
+        "type" : "function",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(index, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The zero-based index of the list item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "selectByValue",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(value, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The data value of the item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value matched an item in the list, else false"
+          }
+        ]
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setEditable",
+        "type" : "function",
+        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Boolean",
+            "desc" : "True to allow the user to directly edit the field text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setFromData",
+        "type" : "function",
+        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Object",
+            "desc" : "the value to set as. or false on reset?",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The value to match",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.TableCell"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.TableBody"
-    ]
-  },
-  "Roo.bootstrap.Tooltip" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "currentEl",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "",
+        "desc" : "Validates the field value",
         "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.UploadCropbox" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.bootstrap.form.MoneyField"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.form.DateField" : {
+    "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "buttons",
-        "type" : "Array",
-        "desc" : "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
-        "memberOf" : ""
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "calendarWeeks",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "daysOfWeekDisabled",
+        "type" : "Object",
+        "desc" : "default empty",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "show when image has been loaded",
-        "memberOf" : ""
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "errorTimeout",
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "endDate",
         "type" : "Number",
-        "desc" : "default 3000",
-        "memberOf" : ""
+        "desc" : "default Infinity",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "format",
+        "type" : "String",
+        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "isDocument",
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "keyboardNavigation",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "desc" : "default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "language",
+        "type" : "String",
+        "desc" : "default en",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : ""
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadingText",
-        "type" : "Boolean",
-        "desc" : "default 'Loading...'",
-        "memberOf" : ""
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "method",
+        "name" : "maxLengthText",
         "type" : "String",
-        "desc" : "default POST",
-        "memberOf" : ""
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minHeight",
+        "name" : "md",
         "type" : "Number",
-        "desc" : "default 300",
-        "memberOf" : ""
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minWidth",
+        "name" : "minLength",
         "type" : "Number",
-        "desc" : "default 300",
-        "memberOf" : ""
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minViewMode",
+        "type" : "String",
+        "desc" : "default empty, (months|years)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "paramName",
-        "type" : "String",
-        "desc" : "default 'imageUpload'",
-        "memberOf" : ""
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "rotateNotify",
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "show when image too small to rotate",
-        "memberOf" : ""
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "singleMode",
+        "type" : "Boolean",
+        "desc" : "default false (true | false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "startDate",
+        "type" : "Number",
+        "desc" : "default -Infinity",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "todayBtn",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "todayHighlight",
+        "type" : "Boolean",
+        "desc" : "default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "url",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "action url",
-        "memberOf" : ""
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "viewMode",
+        "type" : "String",
+        "desc" : "default empty, (months|years)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "weekStart",
+        "type" : "Number",
+        "desc" : "default 0",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "arrange",
-        "type" : "function",
-        "desc" : "Fire when arrange the file data",
-        "sig" : "function (_self, formData)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "formData",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforeloadcanvas",
-        "type" : "function",
-        "desc" : "Fire before load the canvas",
-        "sig" : "function (_self, src)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "src",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "beforeselectfile",
+        "name" : "beforeselect",
         "type" : "function",
-        "desc" : "Fire before select file",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires when before select a date.",
+        "sig" : "function (_self, date)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.bootstrap.form.DateField",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Mixed",
+            "desc" : "The date value",
+            "isOptional" : false
           }
         ],
         "returns" : []
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fires when this field loses input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "crop",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Fire after initEvent",
-        "sig" : "function (_self, data)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "String",
-            "desc" : "",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "download",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fire when download the image",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "exception",
-        "type" : "function",
-        "desc" : "Fire when get exception",
-        "sig" : "function (_self, xhr)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "xhr",
-            "type" : "XMLHttpRequest",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "footerbuttonclick",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fire when footerbuttonclick",
-        "sig" : "function (_self, type)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "type",
-            "type" : "String",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "initial",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "Fire after initEvent",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "inspect",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "Fire when inspect the file",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "file",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "prepare",
+        "name" : "paste",
         "type" : "function",
-        "desc" : "Fire when preparing the file data",
-        "sig" : "function (_self, file)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "file",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Fire when resize",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires when select a date.",
+        "sig" : "function (_self, date)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.bootstrap.form.DateField",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Mixed",
+            "desc" : "The date value",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rotate",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fire when rotate the image",
-        "sig" : "function (_self, pos)\n{\n\n}",
+        "desc" : "Fires when this field show.",
+        "sig" : "function (_self, date)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
+            "type" : "Roo.bootstrap.form.DateField",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "pos",
-            "type" : "String",
-            "desc" : "",
+            "name" : "date",
+            "type" : "Mixed",
+            "desc" : "The date value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "trash",
-        "type" : "function",
-        "desc" : "Fire when trash image",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "upload",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "Fire when xhr upload the file",
-        "sig" : "function (_self, data)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.UploadCropbox",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.breadcrumb" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.breadcrumb.Item" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "is it active",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.form.DateSplitField" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dayAllowBlank",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "dayFormat",
+        "type" : "string",
+        "desc" : "default 'd'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dayPlaceholder",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "href",
+        "name" : "labelAlign",
         "type" : "String",
-        "desc" : "where it links to if '#' is used the link will be handled by onClick.",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "the content of the link.",
-        "memberOf" : ""
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label (0-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monthAllowBlank",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "monthFormat",
+        "type" : "string",
+        "desc" : "default 'm'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monthPlaceholder",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "yearAllowBlank",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "yearFormat",
+        "type" : "string",
+        "desc" : "default 'Y'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "yearPlaceholder",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "days",
         "type" : "function",
-        "desc" : "The img click event for the img.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "getting the data of days",
+        "sig" : "function (_self, days)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.DateSplitField",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "days",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "years",
+        "type" : "function",
+        "desc" : "getting the data of years",
+        "sig" : "function (_self, years)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.DateSplitField",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "years",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.breadcrumb.Nav"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.breadcrumb.Nav" : {
+  "Roo.bootstrap.form.FieldLabel" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "e) target allowBlank default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "class of the element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "contents of the element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "iconTooltip",
+        "type" : "String",
+        "desc" : "default \"This field is required\"",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default le",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - BS4 uses is-invalid",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "tag of the element default label",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "target",
+        "type" : "String",
+        "desc" : "label target",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - BS4 uses is-valid",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.FieldLabel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.FieldLabel",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
           }
         ]
       },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a FieldLabel Group based on the target",
+        "sig" : "(target)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "string",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "register",
+        "type" : "function",
+        "desc" : "register a FieldLabel Group",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Roo.bootstrap.form.FieldLabel",
+            "desc" : "FieldLabel to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.breadcrumb.Item"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.dash" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.dash.NumberBox" : {
+  "Roo.bootstrap.form.Form" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "left  | right - for navbars",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "baseParams",
+        "type" : "Object",
+        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "content",
-        "type" : "String",
-        "desc" : "Box content",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fhref",
-        "type" : "String",
-        "desc" : "Footer href",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "footer",
-        "type" : "String",
-        "desc" : "Footer text",
-        "memberOf" : ""
+        "name" : "errorMask",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "headline",
-        "type" : "String",
-        "desc" : "Box headline",
-        "memberOf" : ""
+        "name" : "fileUpload",
+        "type" : "Boolean",
+        "desc" : "Set to true if this form is a file upload.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "icon",
+        "name" : "labelAlign",
         "type" : "String",
-        "desc" : "Box icon",
-        "memberOf" : ""
+        "desc" : "top | left (default top)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "load mask when submit (default true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskBody",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskOffset",
+        "type" : "Number",
+        "desc" : "Default 100",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "method",
+        "type" : "String",
+        "desc" : "GET | POST (default POST)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "timeout",
+        "type" : "Number",
+        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "actioncomplete",
+        "type" : "function",
+        "desc" : "Fires when an action is completed.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action that completed",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "actionfailed",
+        "type" : "function",
+        "desc" : "Fires when an action fails.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action that failed",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeaction",
+        "type" : "function",
+        "desc" : "Fires before any action is performed. Return false to cancel the action.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action to be performed",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "clientvalidation",
+        "type" : "function",
+        "desc" : "If the monitorValid config option is true, this event fires repetitively to notify of valid state",
+        "sig" : "function (_self, valid)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "valid",
+            "type" : "Boolean",
+            "desc" : "true if the form has passed client-side validation",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clears all invalid messages in this form.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "doAction",
+        "type" : "function",
+        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
+        "sig" : "(actionName, options)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "actionName",
+            "type" : "String",
+            "desc" : "The name of the action type",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) The options to pass to the action.  All of the config options listed\nbelow are supported by both the submit and load actions unless otherwise noted (custom actions could also\naccept other config options):\n<pre>\nProperty          Type             Description\n----------------  ---------------  ----------------------------------------------------------------------------------\nurl               String           The url for the action (defaults to the form's url)\nmethod            String           The form method to use (defaults to the form's method, or POST if not defined)\nparams            String/Object    The params to pass (defaults to the form's baseParams, or none if not defined)\nclientValidation  Boolean          Applies to submit only.  Pass true to call form.isValid() prior to posting to\n                                   validate the form on the client (defaults to false)\n</pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "enable",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "findField",
+        "type" : "function",
+        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The value to search for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Field"
+          }
+        ]
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getFieldValues",
+        "type" : "function",
+        "desc" : "Returns the fields in this form as an object with key/value pairs.\nThis differs from getValues as it calls getValue on each child item, rather than using dom data.",
+        "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" : ""
+          }
+        ]
+      },
       {
         "name" : "getId",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getValues",
+        "type" : "function",
+        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
+        "sig" : "(asString)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "asString",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : ""
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "isDirty",
+        "type" : "function",
+        "desc" : "Returns true if any fields in this form have changed since their original load.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
+          }
+        ]
+      },
+      {
+        "name" : "isValid",
+        "type" : "function",
+        "desc" : "Returns true if client-side validation on the form is successful.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
+          }
+        ]
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark fields in this form invalid in bulk.",
+        "sig" : "(errors)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "errors",
+            "type" : "Array/Object",
+            "desc" : "Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets this form.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setValues",
+        "type" : "function",
+        "desc" : "Set values for fields in this form in bulk.",
+        "sig" : "(values)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "values",
+            "type" : "Array/Object",
+            "desc" : "Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.dash.TabBox" : {
+  "Roo.bootstrap.form.HtmlEditor" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "buttons",
+        "type" : "Array",
+        "desc" : "Array of toolbar's buttons. - defaults to empty",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cols",
+        "type" : "Number",
+        "desc" : "Specifies the visible width of a text area",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "(in pixels)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "icon",
+        "name" : "html",
+        "type" : "string",
+        "desc" : "text",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "Icon of the TabBox",
-        "memberOf" : ""
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "showtabs",
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
         "type" : "Boolean",
-        "desc" : "e) show the tabs default true",
-        "memberOf" : ""
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabScrollable",
+        "name" : "resize",
+        "type" : "String",
+        "desc" : "l) - css resize of eleme",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "both",
+          "horizontal",
+          "vertical"
+        ]
+      },
+      {
+        "name" : "rows",
+        "type" : "Number",
+        "desc" : "Specifies the visible number of lines in a text area",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
         "type" : "Boolean",
-        "desc" : "e) tab scrollable when mobile view default false",
-        "memberOf" : ""
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
         "type" : "String",
-        "desc" : "Title of the TabBox",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "stylesheets",
+        "type" : "Array",
+        "desc" : "url of stylesheets. set to [] to disable stylesheets.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toolbars",
+        "type" : "Array|boolean",
+        "desc" : "Array of toolbars, or names of toolbars. - true for standard, and false for none.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "(in pixels)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "wrap",
+        "type" : "string",
+        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a fo",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activatepane",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "When a pane is activated",
-        "sig" : "function (pane)\n{\n\n}",
+        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "pane",
-            "type" : "Roo.bootstrap.dash.TabPane",
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "addpane",
+        "name" : "autosave",
         "type" : "function",
-        "desc" : "When a pane is added",
-        "sig" : "function (pane)\n{\n\n}",
+        "desc" : "Auto save the htmlEditor value as a file into Events",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "pane",
-            "type" : "Roo.bootstrap.dash.TabPane",
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "beforepush",
+        "type" : "function",
+        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforerender",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "beforesync",
+        "type" : "function",
+        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "editmodechange",
+        "type" : "function",
+        "desc" : "Fires when the editor switches edit modes",
+        "sig" : "function (_self, sourceEdit)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "sourceEdit",
+            "type" : "Boolean",
+            "desc" : "True if source edit, false if standard editing.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "editorevent",
+        "type" : "function",
+        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "enable",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "firstfocus",
+        "type" : "function",
+        "desc" : "Fires when on first focus - needed by toolbars..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "imageadd",
+        "type" : "function",
+        "desc" : "Fires when on any editor when an image is added (excluding paste)",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "imagedelete",
+        "type" : "function",
+        "desc" : "Fires when on any editor when an image is deleted",
+        "sig" : "function (_self, img, oldSrc)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "img",
+            "type" : "HTMLElement",
+            "desc" : "could also be a figure if blocks are enabled",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldSrc",
+            "type" : "HTMLElement",
+            "desc" : "source of image being replaced",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "imageupdated",
+        "type" : "function",
+        "desc" : "Fires when on any editor when an image is changed (excluding paste)",
+        "sig" : "function (_self, img)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "img",
+            "type" : "HTMLElement",
+            "desc" : "could also be a figure if blocks are enabled",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "initialize",
+        "type" : "function",
+        "desc" : "Fires when the editor is fully initialized (including the iframe)",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires when press user pastes into the editor",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "push",
+        "type" : "function",
+        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "savedpreview",
+        "type" : "function",
+        "desc" : "preview the saved version of htmlEditor",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "show",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "stylesheetsclick",
+        "type" : "function",
+        "desc" : "Fires when press the Sytlesheets button",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "sync",
+        "type" : "function",
+        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "createToolbar",
+        "type" : "function",
+        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
+        "sig" : "(editor)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "editor",
+            "type" : "HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "inputEl",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "return the real textarea element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
             "type" : "Function",
             "desc" : "The method the event invokes",
             "isOptional" : false
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Updates the box title",
-        "sig" : "(html)",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "to set the title to.",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "toggleSourceEdit",
+        "type" : "function",
+        "desc" : "Toggles the editor between standard and source edit mode.",
+        "sig" : "(sourceEdit)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "sourceEdit",
+            "type" : "Boolean",
+            "desc" : "(optional) True for source edit, false for standard",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "tooltipEl",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.dash.TabPane"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.dash.TabPane" : {
+  "Roo.bootstrap.form.HtmlEditorToolbar" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.form.HtmlEditorToolbar.Standard" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : ""
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) alignme",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "btns",
+        "type" : "Array",
+        "desc" : "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "Object",
+        "desc" : "List of elements to disable..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) loadMask on the b",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : "e) main nav bar? default fal",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "title of panel",
-        "memberOf" : ""
+        "desc" : "v) default is n",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is ligh",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activate",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "When a pane is activated",
-        "sig" : "function (pane)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "pane",
-            "type" : "Roo.bootstrap.dash.TabPane",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforedestroy",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "beforetoggle",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setTitle",
-        "type" : "function",
-        "desc" : "Updates the tab title",
-        "sig" : "(html)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "to set the title to.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "updateToolbar",
+        "type" : "function",
+        "desc" : "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor.",
+        "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,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.TabGroup"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.form" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
     "tree_children" : [],
-    "tree_parent" : []
+    "tree_parent" : [
+      "Roo.bootstrap.form.HtmlEditor"
+    ]
   },
-  "Roo.bootstrap.form.CardUploader" : {
+  "Roo.bootstrap.form.Input" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default le",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "badge",
+        "name" : "autocomplete",
         "type" : "String",
-        "desc" : "text for badge",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "badge_weight",
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
         "type" : "String",
-        "desc" : "k) default (same as button)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "is it disabled",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "errorTimeout",
-        "type" : "Number",
-        "desc" : "default 3000",
-        "memberOf" : ""
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fa",
+        "name" : "focusClass",
         "type" : "String",
-        "desc" : "fontawesome icon - eg. 'comment' - without the fa/fas etc..",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "glyphicon",
-        "type" : "String",
-        "desc" : "depricated - use fa",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "grpup",
+        "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "if parent is a btn group - then it turns it into a toogleGroup.",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "e) default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "href",
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "empty or href",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "t) default le",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "html",
-        "type" : "Array",
-        "desc" : "The button text.",
-        "memberOf" : ""
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
-        "name" : "images",
-        "type" : "Array",
-        "desc" : "an array of ?? Img objects ??? when loading existing files..",
-        "memberOf" : ""
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "dark themed version",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "isClose",
-        "type" : "Boolean",
-        "desc" : "default false;",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "menu",
-        "type" : "Roo.bootstrap.menu.Menu",
-        "desc" : "a Menu",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "offtext",
+        "name" : "maxLengthText",
         "type" : "String",
-        "desc" : "text for off slidy toggle state",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "ontext",
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
         "type" : "String",
-        "desc" : "text for on slidy toggle state",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "outline",
-        "type" : "Boolean",
-        "desc" : "default false (except for weight=default which emulates old behaveiour with an outline)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "pressed",
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventMark",
         "type" : "Boolean",
-        "desc" : "default null - if the button ahs active state",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "preventDefault",
+        "name" : "readOnly",
         "type" : "Boolean",
-        "desc" : "default true (stop click event triggering the URL if it's a link.)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "removeClass",
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
         "type" : "Boolean",
-        "desc" : "remove the standard class..",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
-        "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "target",
+        "name" : "validClass",
         "type" : "String",
-        "desc" : "r) target for a href.",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "theme",
+        "name" : "validFeedbackIcon",
         "type" : "String",
-        "desc" : "w)",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toggle",
+        "name" : "validateOnBlur",
         "type" : "Boolean",
-        "desc" : "is it a slidy toggle button",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
         "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "default value of the input",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "weight",
+        "name" : "vtype",
         "type" : "String",
-        "desc" : "k) default",
-        "memberOf" : "Roo.bootstrap.Button"
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fires when this field loses input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "change",
         "type" : "function",
-        "desc" : "When a button is pressed",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dblclick",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "When a button is double clicked",
-        "sig" : "function (btn, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "download",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "When a the download link is clicked",
-        "sig" : "function (_self, The)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Card",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "The",
-            "type" : "Object",
-            "desc" : "image information data  contains",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "preview",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "When a image is clicked on - and needs to display a slideshow or similar..",
-        "sig" : "function (_self, The)\n{\n\n}",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Card",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "The",
-            "type" : "Object",
-            "desc" : "image information data",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "toggle",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "After the button has been toggles",
-        "sig" : "function (btn, e, pressed)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Button",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "btn",
-            "type" : "Roo.bootstrap.Button",
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
             "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "pressed",
-            "type" : "boolean",
-            "desc" : "(also available as button.pressed)",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addCard",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "addCard - add an Attachment to the uploader",
-        "sig" : "(data)",
-        "static" : false,
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "",
-            "desc" : "- the data about the image to upload\n\n{\n          id : 123\n          title : \"Title of file\",\n          is_uploaded : false,\n          src : \"http://.....\",\n          srcfile : { the File upload object },\n          mimetype : file.type,\n          preview : false,\n          is_deleted : 0\n          .. any other data...\n        }",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this button",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enables this button",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         ]
       },
       {
-        "name" : "getText",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "get the text of the first selected button",
+        "desc" : "Returns the name of the field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
       },
       {
         "name" : "getVisibilityEl",
         "returns" : []
       },
       {
-        "name" : "isActive",
+        "name" : "inputEl",
         "type" : "function",
-        "desc" : "get the current active state",
+        "desc" : "return the real input element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if it's active"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "isVisible",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setActive",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "sets the active state on/off,",
-        "sig" : "(state)",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "state",
-            "type" : "Boolean",
-            "desc" : "(optional) Force a particular state",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "set the text of the first selected button",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "toggleActive",
-        "type" : "function",
-        "desc" : "toggles the current active state",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Button",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "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 the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.CheckBox" : {
+  "Roo.bootstrap.form.Markdown" : {
     "props" : [
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "after",
         "type" : "string",
         "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "afterButton",
         "type" : "Roo.bootstrap.Button",
         "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "before",
         "type" : "string",
         "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "boxLabel",
-        "type" : "String",
-        "desc" : "The text that appears beside the checkbox",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "checked",
-        "type" : "Boolean",
-        "desc" : "initnal the element",
-        "memberOf" : ""
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cols",
+        "type" : "Number",
+        "desc" : "Specifies the visible width of a text area",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "content",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "groupId",
-        "type" : "String",
-        "desc" : "the checkbox group id // normal just use for checkbox",
-        "memberOf" : ""
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "inline",
-        "type" : "Boolean",
-        "desc" : "inline the element (default false)",
-        "memberOf" : ""
+        "name" : "html",
+        "type" : "string",
+        "desc" : "text",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inputType",
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "inputValue",
+        "name" : "inputType",
         "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when checked.",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
         "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "placeholder",
         "type" : "string",
         "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventMark",
         "type" : "Boolean",
         "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resize",
+        "type" : "string",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "both",
+          "horizontal",
+          "vertical",
+          "inherit",
+          "initial"
+        ]
+      },
+      {
+        "name" : "rows",
+        "type" : "Number",
+        "desc" : "Specifies the visible number of lines in a text area",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
         "type" : "string",
         "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sm",
         "type" : "Number",
         "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
-        "type" : "String",
-        "desc" : "label tooltip",
-        "memberOf" : ""
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "string",
         "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "valueOff",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when unchecked.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "s) The text that appears beside the checkbox",
-        "memberOf" : ""
+        "name" : "wrap",
+        "type" : "string",
+        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a fo",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "isOptional" : false,
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xs",
         "type" : "Number",
         "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "check",
-        "type" : "function",
-        "desc" : "Fires when the element is checked or unchecked.",
-        "sig" : "function (_self, checked)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.form.CheckBox",
-            "desc" : "This input",
-            "isOptional" : false
-          },
-          {
-            "name" : "checked",
-            "type" : "Boolean",
-            "desc" : "The new checked value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when the element is click.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.form.CheckBox",
-            "desc" : "This input",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "name" : "get",
+        "name" : "getAutoCreateLabel",
         "type" : "function",
-        "desc" : "fetch a CheckBox Group based on the group ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "group ID",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
       {
         "name" : "inputEl",
         "type" : "function",
-        "desc" : "return the real input element.",
+        "desc" : "return the real textarea element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.TextArea",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a CheckBox Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.form.CheckBox",
-            "desc" : "CheckBox to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.ComboBox" : {
+  "Roo.bootstrap.form.MoneyField" : {
     "props" : [
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "after",
         "type" : "string",
         "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "afterButton",
         "type" : "Roo.bootstrap.Button",
         "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allQuery",
         "type" : "String",
         "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDecimals",
+        "type" : "Boolean",
+        "desc" : "False to disallow decimal values (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowNegative",
+        "type" : "Boolean",
+        "desc" : "False to prevent entering a negative sign (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowZero",
+        "type" : "Boolean",
+        "desc" : "False to blank out if the user enters '0' (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "alwaysQuery",
         "type" : "Boolean",
         "desc" : "Disable caching of results, and always send query",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "animate",
         "type" : "Boolean",
         "desc" : "default true",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "append",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "autoCreate",
         "type" : "Boolean/Object",
         "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoFocus",
         "type" : "Boolean",
-        "desc" : "e) auto focus the first item, default true",
-        "memberOf" : ""
+        "desc" : "e) auto focus the first item, default tr",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "before",
         "type" : "string",
         "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blockFocus",
         "type" : "Boolean",
         "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "btnPosition",
         "type" : "String",
         "desc" : "set the position of the trigger button (left | right) default right",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "caret",
         "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
+        "desc" : "r) BS3 only - carat fa na",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
+      },
+      {
+        "name" : "castInt",
+        "type" : "Boolean",
+        "desc" : "e) cast int if true (defalut tru",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "decimalPrecision",
+        "type" : "Number",
+        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "decimalSeparator",
+        "type" : "String",
+        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "defaults",
+        "type" : "String",
+        "desc" : "currency of the MoneyField\nvalue should be in lkey",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClear",
         "type" : "Boolean",
         "desc" : "Disable showing of clear button.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "displayField",
         "type" : "String",
         "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "editable",
         "type" : "Boolean",
         "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "emptyResultText",
         "type" : "Boolean",
         "desc" : "only for touch device",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "emptyTitle",
         "type" : "String",
         "desc" : "default ''",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "forceSelection",
         "type" : "Boolean",
         "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "grow",
         "type" : "Boolean",
         "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "growMax",
         "type" : "Number",
         "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "growMin",
         "type" : "Number",
         "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "handleHeight",
         "type" : "Number",
         "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hiddenName",
         "type" : "String",
         "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideTrigger",
         "type" : "Boolean",
         "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
         "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lazyRender",
         "type" : "Boolean",
         "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listAlign",
         "type" : "String",
         "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listClass",
         "type" : "String",
         "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listWidth",
         "type" : "Number",
         "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "loadingText",
         "type" : "String",
         "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxHeight",
         "type" : "Number",
         "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxValue",
+        "type" : "Number",
+        "desc" : "The maximum allowed value (defaults to Number.MAX_VALUE)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "max_length",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minChars",
         "type" : "Number",
         "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minListWidth",
         "type" : "Number",
         "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minValue",
+        "type" : "Number",
+        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "mobileTouchView",
         "type" : "Boolean",
-        "desc" : "e) show mobile touch view when using a mobile default true",
-        "memberOf" : ""
+        "desc" : "e) show mobile touch view when using a mobile default tr",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "mobile_restrict_height",
         "type" : "Boolean",
-        "desc" : "e) restrict height for touch view",
-        "memberOf" : ""
+        "desc" : "e) restrict height for touch vi",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "modalTitle",
         "type" : "String",
         "desc" : "The title of the dialog that pops up on mobile views.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "mode",
         "type" : "String",
         "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "multiple",
         "type" : "Boolean",
-        "desc" : "e) ComboBobArray, default false",
-        "memberOf" : ""
+        "desc" : "e) ComboBobArray, default fal",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "nanText",
+        "type" : "String",
+        "desc" : "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "pageSize",
         "type" : "Number",
         "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "placeholder",
         "type" : "string",
         "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventMark",
         "type" : "Boolean",
         "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "queryDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "queryParam",
         "type" : "String",
         "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "removable",
         "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
+        "desc" : "e) special filter default fal",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "resizable",
         "type" : "Boolean",
         "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectedClass",
         "type" : "String",
         "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "shadow",
         "type" : "Boolean/String",
         "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "showToggleBtn",
         "type" : "Boolean",
         "desc" : "show toggle button or not (true|false) default true",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
         "type" : "string",
         "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sm",
         "type" : "Number",
         "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "specialFilter",
         "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : ""
+        "desc" : "e) special filter default fal",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "store",
         "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : ""
+        "desc" : "Store to lookup currency??",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "thousandsDelimiter",
+        "type" : "String",
+        "desc" : "Symbol of thousandsDelimiter",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tickable",
         "type" : "Boolean",
         "desc" : "ComboBox with tickable selections (true|false), default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "title",
         "type" : "String",
         "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tpl",
         "type" : "String/Roo.Template",
         "desc" : "The template to use to render the output default is  '<a class=\"dropdown-item\" href=\"#\">{' + this.displayField + '}</a>'",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "triggerAction",
         "type" : "String",
         "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "triggerClass",
         "type" : "String",
         "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "triggerList",
         "type" : "Boolean",
         "desc" : "trigger show the list or not (true|false) default true",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "triggerText",
         "type" : "String",
         "desc" : "multiple combobox trigger button text default 'Select'",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "typeAhead",
         "type" : "Boolean",
         "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "typeAheadDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "useNativeIOS",
         "type" : "Boolean",
-        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
-        "memberOf" : ""
+        "desc" : "e) render it as classic select for ios, not support dynamic load data (default fals",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "validClass",
         "type" : "String",
         "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "string",
         "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "valueField",
         "type" : "String",
         "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "valueNotFoundText",
         "type" : "String",
         "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "fixed with? experimental",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xs",
         "type" : "Number",
         "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
         "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when the remove value from the combobox array",
         "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
         "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
         "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when the dropdown list is collapsed",
         "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
         "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when the dropdown list is expanded",
         "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when the remove value from the combobox array",
         "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when a list item is selected",
         "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when specialfilter",
         "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when tick the element",
         "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when touch view require special display (default is using displayField)",
         "sig" : "function (combo, cfg)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "desc" : "Clears any text/value currently set in the field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
         "sig" : "(query, forceAll)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "desc" : "Returns the currently selected field value or empty string if no value is set.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Returns true if the dropdown list is expanded, else false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
         "sig" : "(index, scrollIntoView)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
         "sig" : "(value, scrollIntoView)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.form.MoneyField"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.DateField" : {
+  "Roo.bootstrap.form.MonthField" : {
     "props" : [
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "after",
         "type" : "string",
         "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "afterButton",
         "type" : "Roo.bootstrap.Button",
         "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "altFormats",
-        "type" : "String",
-        "desc" : "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "before",
         "type" : "string",
         "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "calendarWeeks",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "daysOfWeekDisabled",
-        "type" : "Object",
-        "desc" : "default empty",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "endDate",
-        "type" : "Number",
-        "desc" : "default Infinity",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "format",
-        "type" : "String",
-        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
-        "memberOf" : ""
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "keyboardNavigation",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
         "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "language",
         "type" : "String",
         "desc" : "default en",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minViewMode",
-        "type" : "String",
-        "desc" : "default empty, (months|years)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "placeholder",
         "type" : "string",
         "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventMark",
         "type" : "Boolean",
         "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "singleMode",
-        "type" : "Boolean",
-        "desc" : "default false (true | false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
         "type" : "string",
         "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sm",
         "type" : "Number",
         "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "startDate",
-        "type" : "Number",
-        "desc" : "default -Infinity",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "todayBtn",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "todayHighlight",
-        "type" : "Boolean",
-        "desc" : "default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "string",
         "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "viewMode",
-        "type" : "String",
-        "desc" : "default empty, (months|years)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "weekStart",
-        "type" : "Number",
-        "desc" : "default 0",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xs",
         "type" : "Number",
         "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires when before select a date.",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.form.DateField",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Mixed",
-            "desc" : "The date value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "name" : "select",
         "type" : "function",
         "desc" : "Fires when select a date.",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "sig" : "function (_self, oldvalue, newvalue)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.form.DateField",
+            "type" : "Roo.bootstrap.form.MonthField",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "date",
-            "type" : "Mixed",
-            "desc" : "The date value",
+            "name" : "oldvalue",
+            "type" : "String",
+            "desc" : "The old value",
+            "isOptional" : false
+          },
+          {
+            "name" : "newvalue",
+            "type" : "String",
+            "desc" : "The new value",
             "isOptional" : false
           }
         ],
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.form.DateField",
+            "type" : "Roo.bootstrap.form.MonthField",
             "desc" : "",
             "isOptional" : false
           },
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.DateSplitField" : {
+  "Roo.bootstrap.form.MultiLineTag" : {
+    "props" : [],
+    "events" : [
+      {
+        "name" : "beforeload",
+        "type" : "function",
+        "desc" : "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled.",
+        "sig" : "function (_self, store, options)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.boostrap.form.MultiLineTag",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "store",
+            "type" : "Store",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.form.NumberField" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDecimals",
+        "type" : "Boolean",
+        "desc" : "False to disallow decimal values (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowNegative",
+        "type" : "Boolean",
+        "desc" : "False to prevent entering a negative sign (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowZero",
+        "type" : "Boolean",
+        "desc" : "False to blank out if the user enters '0' (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dayAllowBlank",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dayFormat",
-        "type" : "string",
-        "desc" : "default 'd'",
-        "memberOf" : ""
+        "name" : "decimalPrecision",
+        "type" : "Number",
+        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dayPlaceholder",
-        "type" : "string",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "decimalSeparator",
+        "type" : "String",
+        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
-        "desc" : "set the width of label (0-12)",
-        "memberOf" : ""
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "monthAllowBlank",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "monthFormat",
-        "type" : "string",
-        "desc" : "default 'm'",
-        "memberOf" : ""
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "monthPlaceholder",
-        "type" : "string",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxValue",
+        "type" : "Number",
+        "desc" : "The maximum allowed value (defaults to Number.MAX_VALUE)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minValue",
+        "type" : "Number",
+        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "nanText",
+        "type" : "String",
+        "desc" : "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "thousandsDelimiter",
+        "type" : "String",
+        "desc" : "Symbol of thousandsDelimiter",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "yearAllowBlank",
+        "name" : "validateOnBlur",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "yearFormat",
-        "type" : "string",
-        "desc" : "default 'Y'",
-        "memberOf" : ""
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "yearPlaceholder",
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
         "type" : "string",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueAlign",
+        "type" : "String",
+        "desc" : "alignment of value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fires when this field loses input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "days",
+        "name" : "change",
         "type" : "function",
-        "desc" : "getting the data of days",
-        "sig" : "function (_self, days)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.form.DateSplitField",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "days",
-            "type" : "Object",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
         "type" : "function",
         "desc" : "Fires after the field has been marked as invalid.",
         "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         ],
         "returns" : []
       },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "valid",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
             "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "years",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "getting the data of years",
-        "sig" : "function (_self, years)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.form.DateSplitField",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "years",
-            "type" : "Object",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ],
         "returns" : []
       },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.FieldLabel" : {
+  "Roo.bootstrap.form.Password" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
-        "desc" : "e) target allowBlank default true",
-        "memberOf" : ""
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "class of the element",
-        "memberOf" : ""
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "contents of the element",
-        "memberOf" : ""
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "iconTooltip",
-        "type" : "String",
-        "desc" : "default \"This field is required\"",
-        "memberOf" : ""
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "indicatorpos",
+        "name" : "focusClass",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - BS4 uses is-invalid",
-        "memberOf" : ""
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "style",
+        "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "tag",
+        "name" : "inputType",
         "type" : "String",
-        "desc" : "tag of the element default label",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
-        "name" : "target",
+        "name" : "invalidClass",
         "type" : "String",
-        "desc" : "label target",
-        "memberOf" : ""
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validClass",
+        "name" : "invalidText",
         "type" : "String",
-        "desc" : "DEPRICATED - BS4 uses is-valid",
-        "memberOf" : ""
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforehide",
-        "type" : "function",
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
+        "type" : "string",
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
         "desc" : "Fires before the component is hidden. Return false to stop the hide.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         ],
         "returns" : []
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
         "type" : "function",
         "desc" : "Fires after the field has been marked as invalid.",
         "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.FieldLabel",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
         ],
         "returns" : []
       },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "valid",
         "type" : "function",
         "desc" : "Fires after the field has been validated with no errors.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.FieldLabel",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ]
       },
       {
-        "name" : "get",
+        "name" : "getAutoCreateLabel",
         "type" : "function",
-        "desc" : "fetch a FieldLabel Group based on the target",
-        "sig" : "(target)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "string",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a FieldLabel Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.form.FieldLabel",
-            "desc" : "FieldLabel to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.Form" : {
+  "Roo.bootstrap.form.PhoneInput" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "left  | right - for navbars",
-        "memberOf" : ""
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "baseParams",
-        "type" : "Object",
-        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
-        "memberOf" : ""
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa na",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "defaultDialCode",
+        "type" : "String",
+        "desc" : "default '+852'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "errorMask",
+        "name" : "disableKeyFilter",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fileUpload",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "Set to true if this form is a file upload.",
-        "memberOf" : ""
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "top | left (default top)",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "load mask when submit (default true)",
-        "memberOf" : ""
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maskBody",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maskOffset",
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
         "type" : "Number",
-        "desc" : "Default 100",
-        "memberOf" : ""
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "method",
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
         "type" : "String",
-        "desc" : "GET | POST (default POST)",
-        "memberOf" : ""
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "preferedCountries",
+        "type" : "Array",
+        "desc" : "default []",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "timeout",
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default fal",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
         "type" : "Number",
-        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
-        "memberOf" : ""
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "url",
+        "name" : "triggerClass",
         "type" : "String",
-        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
-        "memberOf" : ""
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "actioncomplete",
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when an action is completed.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action that completed",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "actionfailed",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires when an action fails.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action that failed",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeaction",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires before any action is performed. Return false to cancel the action.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action to be performed",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforedestroy",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "clientvalidation",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "If the monitorValid config option is true, this event fires repetitively to notify of valid state",
-        "sig" : "function (_self, valid)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "valid",
-            "type" : "Boolean",
-            "desc" : "true if the form has passed client-side validation",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "paste",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
+        "desc" : "Fires after the field has been validated with no errors.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Clears all invalid messages in this form.",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "destroy",
           }
         ]
       },
-      {
-        "name" : "doAction",
-        "type" : "function",
-        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
-        "sig" : "(actionName, options)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "actionName",
-            "type" : "String",
-            "desc" : "The name of the action type",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) The options to pass to the action.  All of the config options listed\nbelow are supported by both the submit and load actions unless otherwise noted (custom actions could also\naccept other config options):\n<pre>\nProperty          Type             Description\n----------------  ---------------  ----------------------------------------------------------------------------------\nurl               String           The url for the action (defaults to the form's url)\nmethod            String           The form method to use (defaults to the form's method, or POST if not defined)\nparams            String/Object    The params to pass (defaults to the form's baseParams, or none if not defined)\nclientValidation  Boolean          Applies to submit only.  Pass true to call form.isValid() prior to posting to\n                                   validate the form on the client (defaults to false)\n</pre>",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "enable",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "findField",
-        "type" : "function",
-        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The value to search for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "",
-            "desc" : "Field"
-          }
-        ]
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getAutoCreateLabel",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The element"
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getFieldValues",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs.\nThis differs from getValues as it calls getValue on each child item, rather than using dom data.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
         ]
       },
       {
-        "name" : "getValues",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
-        "sig" : "(asString)",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "asString",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
           }
-        ],
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : ""
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
         "returns" : []
       },
       {
-        "name" : "isDirty",
+        "name" : "inputEl",
         "type" : "function",
-        "desc" : "Returns true if any fields in this form have changed since their original load.",
+        "desc" : "return the real input element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isValid",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if client-side validation on the form is successful.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "markInvalid",
+        "name" : "markValid",
         "type" : "function",
-        "desc" : "Mark fields in this form invalid in bulk.",
-        "sig" : "(errors)",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "errors",
-            "type" : "Array/Object",
-            "desc" : "Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "on",
         ],
         "returns" : []
       },
+      {
+        "name" : "onTriggerClick",
+        "type" : "function",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets this form.",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "setDisabled",
         "returns" : []
       },
       {
-        "name" : "setValues",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Set values for fields in this form in bulk.",
-        "sig" : "(values)",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "values",
-            "type" : "Array/Object",
-            "desc" : "Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "setVisibilityEl",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.HtmlEditor" : {
+  "Roo.bootstrap.form.Radio" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "blankText",
+        "name" : "boxLabel",
         "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "buttons",
-        "type" : "Array",
-        "desc" : "Array of toolbar's buttons. - defaults to empty",
-        "memberOf" : ""
+        "desc" : "- the label associated",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cols",
-        "type" : "Number",
-        "desc" : "Specifies the visible width of a text area",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "(in pixels)",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "string",
-        "desc" : "text",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "resizable",
-        "type" : "String",
-        "desc" : "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "resize",
-        "type" : "string",
-        "desc" : "l)",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
-      },
-      {
-        "name" : "rows",
-        "type" : "Number",
-        "desc" : "Specifies the visible number of lines in a text area",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "size",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "stylesheets",
-        "type" : "Array",
-        "desc" : "url of stylesheets. set to [] to disable stylesheets.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "toolbars",
-        "type" : "Array",
-        "desc" : "Array of toolbars. - defaults to just the Standard one",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "type" : "String",
+        "desc" : "- the value of radio",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "(in pixels)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "wrap",
-        "type" : "string",
-        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "autosave",
-        "type" : "function",
-        "desc" : "Auto save the htmlEditor value as a file into Events",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforepush",
-        "type" : "function",
-        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforesync",
-        "type" : "function",
-        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "editmodechange",
-        "type" : "function",
-        "desc" : "Fires when the editor switches edit modes",
-        "sig" : "function (_self, sourceEdit)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "sourceEdit",
-            "type" : "Boolean",
-            "desc" : "True if source edit, false if standard editing.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "editorevent",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "firstfocus",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when on first focus - needed by toolbars..",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "initialize",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires when the editor is fully initialized (including the iframe)",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "invalid",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paste",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "push",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
+            "name" : "",
             "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "savedpreview",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "preview the saved version of htmlEditor",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "show",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "sync",
-        "type" : "function",
-        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "createToolbar",
-        "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
-        "sig" : "(editor)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "editor",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
             "name" : "eventName",
           }
         ]
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real textarea element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "toggleSourceEdit",
-        "type" : "function",
-        "desc" : "Toggles the editor between standard and source edit mode.",
-        "sig" : "(sourceEdit)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "sourceEdit",
-            "type" : "Boolean",
-            "desc" : "(optional) True for source edit, false for standard",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.HtmlEditorToolbarStandard" : {
+  "Roo.bootstrap.form.RadioSet" : {
     "props" : [
+      {
+        "name" : "accept",
+        "type" : "String",
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
+      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "after",
+        "type" : "string",
+        "desc" : "- input group add on after",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "afterButton",
+        "type" : "Roo.bootstrap.Button",
+        "desc" : "to show before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "arrangement",
-        "type" : "Boolean",
-        "desc" : "stacked | justified",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "name" : "autocomplete",
+        "type" : "String",
+        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "btns",
-        "type" : "Array",
-        "desc" : "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
-        "memberOf" : ""
+        "name" : "before",
+        "type" : "string",
+        "desc" : "- input group add on before",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "String",
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disable",
-        "type" : "Object",
-        "desc" : "List of elements to disable..",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "is it disabled",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "string",
+        "desc" : "- the label associated",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceFeedback",
+        "type" : "Boolean",
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "hasFeedback",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "indicatorpos",
+        "type" : "String",
+        "desc" : "t) default le",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "inverse",
+        "name" : "inline",
         "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "e) inline the element (default tru",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidFeedbackIcon",
+        "type" : "String",
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "set the width of label",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labellg",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelmd",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelsm",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelxs",
+        "type" : "Number",
+        "desc" : "set the width of label (1-12)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for large computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for computer-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
+        "type" : "String",
+        "desc" : "name of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "placeholder",
         "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "- placeholder to put in text.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "preventMark",
+        "type" : "Boolean",
+        "desc" : "Do not show tick or cross if error/success",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "Specifies that the field should be read-only",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "-- Depricated - use Invalid Text",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tag",
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "size",
+        "type" : "string",
+        "desc" : "- (lg|sm) or leave empty..",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for tablet-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
         "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "type",
+        "name" : "validClass",
+        "type" : "String",
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validFeedbackIcon",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "string",
+        "desc" : "default value of the input",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "weight",
         "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "s) The text that appears beside the rad",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "primary",
+          "warning",
+          "info",
+          "danger",
+          "success"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "colspan out of 12 for mobile-sized screens",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "beforetoggle",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "check",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the element is checked or unchecked.",
+        "sig" : "function (_self, item)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "type" : "Roo.bootstrap.form.RadioSet",
+            "desc" : "This radio",
+            "isOptional" : false
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.bootstrap.form.Radio",
+            "desc" : "The checked item",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the element is click.",
+        "sig" : "function (_self, item, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "type" : "Roo.bootstrap.form.RadioSet",
+            "desc" : "This radio set",
+            "isOptional" : false
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.bootstrap.form.Radio",
+            "desc" : "The checked item",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires after the user pastes into input",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name of the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "name The name field"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "inputEl",
+        "type" : "function",
+        "desc" : "return the real input element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "markValid",
+        "type" : "function",
+        "desc" : "Mark this field as valid",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "updateToolbar",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor.",
+        "desc" : "Validates the field value",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : [
-      "Roo.bootstrap.form.HtmlEditor"
-    ]
+    "tree_children" : [
+      "Roo.bootstrap.form.Radio"
+    ],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.form.Input" : {
+  "Roo.bootstrap.form.SecurePass" : {
     "props" : [
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : ""
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "after",
         "type" : "string",
         "desc" : "- input group add on after",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "afterButton",
         "type" : "Roo.bootstrap.Button",
         "desc" : "to show before",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : ""
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "before",
         "type" : "string",
         "desc" : "- input group add on before",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : ""
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "is it disabled",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : ""
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : ""
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : ""
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : ""
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
         "desc" : "set the width of label",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minimumStrength",
+        "type" : "Number",
+        "desc" : "invalid if the strength of the password input is less than the minimum strength (from 0 to 3) (default 2)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "name of the input",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "placeholder",
         "type" : "string",
         "desc" : "- placeholder to put in text.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventMark",
         "type" : "Boolean",
         "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "Specifies that the field should be read-only",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
         "type" : "string",
         "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sm",
         "type" : "Number",
         "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "string",
         "desc" : "default value of the input",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xs",
         "type" : "Number",
         "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "Fires when this field loses input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires just before the field blurs if the field value has changed.",
         "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires after the field has been marked as invalid.",
         "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires after the key up",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires after the user pastes into input",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires after the field has been validated with no errors.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "desc" : "Returns the name of the field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "return the real input element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Validates the field value",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.Markdown" : {
+  "Roo.bootstrap.form.TextArea" : {
     "props" : [
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "after",
         "type" : "string",
         "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "afterButton",
         "type" : "Roo.bootstrap.Button",
         "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "before",
         "type" : "string",
         "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cols",
         "type" : "Number",
         "desc" : "Specifies the visible width of a text area",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "content",
-        "type" : "string",
-        "desc" : "",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "html",
         "type" : "string",
         "desc" : "text",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
         "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "placeholder",
         "type" : "string",
         "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventMark",
         "type" : "Boolean",
         "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "resize",
         "type" : "string",
-        "desc" : "l)",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "none",
+          "both",
+          "horizontal",
+          "vertical",
+          "inherit",
+          "initial"
+        ]
       },
       {
         "name" : "rows",
         "type" : "Number",
         "desc" : "Specifies the visible number of lines in a text area",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
         "type" : "string",
         "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sm",
         "type" : "Number",
         "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "string",
         "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "wrap",
         "type" : "string",
-        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
-        "memberOf" : "Roo.bootstrap.form.TextArea"
+        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a fo",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "soft",
+          "hard"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xs",
         "type" : "Number",
         "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "desc" : "return the real textarea element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as valid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TextArea",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Markdown"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.MoneyField" : {
+  "Roo.bootstrap.form.TimeField" : {
     "props" : [
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "after",
         "type" : "string",
         "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "afterButton",
         "type" : "Roo.bootstrap.Button",
         "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allQuery",
-        "type" : "String",
-        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowDecimals",
-        "type" : "Boolean",
-        "desc" : "False to disallow decimal values (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowNegative",
-        "type" : "Boolean",
-        "desc" : "False to prevent entering a negative sign (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowZero",
-        "type" : "Boolean",
-        "desc" : "False to blank out if the user enters '0' (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "alwaysQuery",
-        "type" : "Boolean",
-        "desc" : "Disable caching of results, and always send query",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "default true",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "append",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "autoFocus",
-        "type" : "Boolean",
-        "desc" : "e) auto focus the first item, default true",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "before",
         "type" : "string",
         "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "blockFocus",
-        "type" : "Boolean",
-        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "btnPosition",
-        "type" : "String",
-        "desc" : "set the position of the trigger button (left | right) default right",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
-      },
-      {
-        "name" : "castInt",
-        "type" : "Boolean",
-        "desc" : "e) cast int if true (defalut true)",
-        "memberOf" : ""
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "decimalPrecision",
-        "type" : "Number",
-        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "decimalSeparator",
-        "type" : "String",
-        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "defaults",
-        "type" : "String",
-        "desc" : "currency of the MoneyField\nvalue should be in lkey",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClear",
-        "type" : "Boolean",
-        "desc" : "Disable showing of clear button.",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "displayField",
-        "type" : "String",
-        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "editable",
-        "type" : "Boolean",
-        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "emptyResultText",
-        "type" : "Boolean",
-        "desc" : "only for touch device",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "emptyTitle",
-        "type" : "String",
-        "desc" : "default ''",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceSelection",
-        "type" : "Boolean",
-        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "name" : "format",
+        "type" : "String",
+        "desc" : "The default time format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'H:i').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
         "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "lazyRender",
-        "type" : "Boolean",
-        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "listAlign",
-        "type" : "String",
-        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "listClass",
-        "type" : "String",
-        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "listWidth",
-        "type" : "Number",
-        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadingText",
-        "type" : "String",
-        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxValue",
-        "type" : "Number",
-        "desc" : "The maximum allowed value (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "max_length",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minChars",
-        "type" : "Number",
-        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minListWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "minText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minValue",
+        "name" : "minuteStep",
         "type" : "Number",
-        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mobileTouchView",
-        "type" : "Boolean",
-        "desc" : "e) show mobile touch view when using a mobile default true",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "mobile_restrict_height",
-        "type" : "Boolean",
-        "desc" : "e) restrict height for touch view",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "modalTitle",
-        "type" : "String",
-        "desc" : "The title of the dialog that pops up on mobile views.",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "mode",
-        "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "multiple",
-        "type" : "Boolean",
-        "desc" : "e) ComboBobArray, default false",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "desc" : "the minutes is always the multiple of a fixed number, default 1",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "nanText",
-        "type" : "String",
-        "desc" : "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "placeholder",
         "type" : "string",
         "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventMark",
         "type" : "Boolean",
         "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "queryDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "queryParam",
-        "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "removable",
-        "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
-      },
-      {
-        "name" : "resizable",
-        "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
-        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "selectedClass",
-        "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "showToggleBtn",
-        "type" : "Boolean",
-        "desc" : "show toggle button or not (true|false) default true",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
         "type" : "string",
         "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sm",
         "type" : "Number",
         "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "specialFilter",
-        "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "Store to lookup currency??",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "thousandsDelimiter",
-        "type" : "String",
-        "desc" : "Symbol of thousandsDelimiter",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tickable",
-        "type" : "Boolean",
-        "desc" : "ComboBox with tickable selections (true|false), default false",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output default is  '<a class=\"dropdown-item\" href=\"#\">{' + this.displayField + '}</a>'",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "triggerAction",
-        "type" : "String",
-        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
-      },
-      {
-        "name" : "triggerList",
-        "type" : "Boolean",
-        "desc" : "trigger show the list or not (true|false) default true",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "triggerText",
-        "type" : "String",
-        "desc" : "multiple combobox trigger button text default 'Select'",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "typeAhead",
-        "type" : "Boolean",
-        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "typeAheadDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "useNativeIOS",
-        "type" : "Boolean",
-        "desc" : "e) render it as classic select for ios, not support dynamic load data (default false)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validClass",
         "type" : "String",
-        "desc" : "DEPRICATED - uses BS4 is-valid now",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "string",
         "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "valueField",
-        "type" : "String",
-        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
-      },
-      {
-        "name" : "valueNotFoundText",
-        "type" : "String",
-        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "fixed with? experimental",
-        "memberOf" : "Roo.bootstrap.form.ComboBox"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xs",
         "type" : "Number",
         "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "afterremove",
-        "type" : "function",
-        "desc" : "Fires when the remove value from the combobox array",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforequery",
-        "type" : "function",
-        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
-        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "query",
-            "type" : "String",
-            "desc" : "The query",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "true to force \"all\" query",
-            "isOptional" : false
-          },
-          {
-            "name" : "cancel",
-            "type" : "Boolean",
-            "desc" : "true to cancel the query",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The query event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is collapsed",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "edit",
-        "type" : "function",
-        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record|false",
-            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is expanded",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "focus",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Fires when the remove value from the combobox array",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
       {
         "name" : "select",
         "type" : "function",
-        "desc" : "Fires when a list item is selected",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "desc" : "Fires when select a date.",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store (or false on clear)",
+            "name" : "this",
+            "type" : "Roo.bootstrap.form.DateField",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
+            "name" : "date",
+            "type" : "Mixed",
+            "desc" : "The date value",
             "isOptional" : false
           }
         ],
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this field show.",
+        "sig" : "function (thisthis, date)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "thisthis",
+            "type" : "Roo.bootstrap.form.DateField",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "specialfilter",
-        "type" : "function",
-        "desc" : "Fires when specialfilter",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
+            "name" : "date",
+            "type" : "Mixed",
+            "desc" : "The date value",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
-      {
-        "name" : "tick",
-        "type" : "function",
-        "desc" : "Fires when tick the element",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "touchviewdisplay",
-        "type" : "function",
-        "desc" : "Fires when touch view require special display (default is using displayField)",
-        "sig" : "function (combo, cfg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.bootstrap.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "cfg",
-            "type" : "Object",
-            "desc" : "set html .",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "valid",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "clearValue",
-        "type" : "function",
-        "desc" : "Clears any text/value currently set in the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "doQuery",
-        "type" : "function",
-        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
-        "sig" : "(query, forceAll)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "query",
-            "type" : "String",
-            "desc" : "The SQL query to execute",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
       {
         "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "value The selected value"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "isExpanded",
-        "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(index, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The zero-based index of the list item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "selectByValue",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The data value of the item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value matched an item in the list, else false"
-          }
-        ]
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setEditable",
-        "type" : "function",
-        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean",
-            "desc" : "True to allow the user to directly edit the field text",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setFromData",
-        "type" : "function",
-        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Object",
-            "desc" : "the value to set as. or false on reset?",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setRawValue",
         "type" : "function",
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.ComboBox",
+        "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "value",
-            "type" : "String",
-            "desc" : "The value to match",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.MonthField" : {
+  "Roo.bootstrap.form.TriggerField" : {
     "props" : [
       {
         "name" : "accept",
         "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "o) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "image",
+          "video",
+          "audio"
+        ]
       },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "after",
         "type" : "string",
         "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "afterButton",
         "type" : "Roo.bootstrap.Button",
         "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) Default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autocomplete",
         "type" : "String",
         "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "before",
         "type" : "string",
         "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "capture",
         "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "a) use for file input only. (default empt",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "user",
+          "camera"
+        ]
+      },
+      {
+        "name" : "caret",
+        "type" : "String",
+        "desc" : "r) BS3 only - carat fa na",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "search",
+          "calendar"
+        ]
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "string",
         "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "forceFeedback",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) Default fal",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hasFeedback",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) default tr",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "indicatorpos",
         "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) default le",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "button",
+          "checkbox",
+          "email",
+          "file",
+          "hidden",
+          "image",
+          "number",
+          "password",
+          "radio",
+          "range",
+          "reset",
+          "search",
+          "submit",
+          "text"
+        ]
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelAlign",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "left"
+        ]
       },
       {
         "name" : "labelWidth",
         "type" : "Number",
         "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labellg",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelmd",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelsm",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelxs",
         "type" : "Number",
         "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "language",
-        "type" : "String",
-        "desc" : "default en",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lg",
         "type" : "Number",
         "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "md",
         "type" : "Number",
         "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "placeholder",
         "type" : "string",
         "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventMark",
         "type" : "Boolean",
         "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "removable",
+        "type" : "Boolean",
+        "desc" : "e) special filter default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "size",
         "type" : "string",
         "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sm",
         "type" : "Number",
         "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validClass",
         "type" : "String",
         "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validFeedbackIcon",
         "type" : "String",
         "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "string",
         "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xs",
         "type" : "Number",
         "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when select a date.",
-        "sig" : "function (_self, oldvalue, newvalue)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.form.MonthField",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldvalue",
-            "type" : "String",
-            "desc" : "The old value",
-            "isOptional" : false
-          },
-          {
-            "name" : "newvalue",
-            "type" : "String",
-            "desc" : "The new value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this field show.",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.form.MonthField",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Mixed",
-            "desc" : "The date value",
-            "isOptional" : false
           }
         ],
         "returns" : []
         ],
         "returns" : []
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getAutoCreateLabel",
+        "type" : "function",
+        "desc" : "autocreate the label - also used by textara... ?? and others?",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getChildContainer",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
+        "name" : "onTriggerClick",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "e",
+            "type" : "EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setVisibilityEl",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
-      },
-      {
-        "name" : "un",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
+        "desc" : "Removes a listener",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "returns" : []
       },
       {
-        "name" : "validate",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "validateValue",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.form.Input",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.form.NumberField" : {
-    "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowDecimals",
-        "type" : "Boolean",
-        "desc" : "False to disallow decimal values (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowNegative",
-        "type" : "Boolean",
-        "desc" : "False to prevent entering a negative sign (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowZero",
-        "type" : "Boolean",
-        "desc" : "False to blank out if the user enters '0' (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "decimalPrecision",
-        "type" : "Number",
-        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "decimalSeparator",
-        "type" : "String",
-        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxValue",
-        "type" : "Number",
-        "desc" : "The maximum allowed value (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minValue",
-        "type" : "Number",
-        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "nanText",
-        "type" : "String",
-        "desc" : "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "thousandsDelimiter",
-        "type" : "String",
-        "desc" : "Symbol of thousandsDelimiter",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "valueAlign",
-        "type" : "String",
-        "desc" : "alignment of value",
-        "memberOf" : ""
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "disabled",
+            "type" : "Boolean",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
         "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
         "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
+            "name" : "value",
             "type" : "Mixed",
-            "desc" : "The original value",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
+            "name" : "",
             "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "tooltipEl",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "hide",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "paste",
+        "name" : "validateValue",
         "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
         "memberOf" : "Roo.bootstrap.form.Input",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
-        ],
-        "returns" : []
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.PhoneInput"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.layout" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.layout.Basic" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "mgr",
+        "type" : "Roo.bootstrap.layout.Manager",
+        "desc" : "The manager",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "region",
+        "type" : "string",
+        "desc" : "the region that it inhabits..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "valid",
+        "name" : "skipConfig",
+        "type" : "bool",
+        "desc" : "skip config?",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Add the passed ContentPanel(s)",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "ContentPanel...",
+            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel added (if only one was added)"
+          }
+        ]
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Get the active panel for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The active panel or null"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Returns the container element for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Returns the panel specified or null if it's not in this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getPosition",
+        "type" : "function",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "hasPanel",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Returns true if the panel is in this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "getChildContainer",
-        "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
-      },
-      {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
+            "type" : "Boolean",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getVisibilityEl",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Returns true if this region is currently visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
         "returns" : [
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : ""
           }
         ]
       },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
+        "sig" : "(panel, preservePanel)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "preservePanel",
+            "type" : "Boolean",
+            "desc" : "Overrides the config preservePanel option",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel that was removed"
           }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
+        "sig" : "(newSize)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
+        "name" : "showPanel",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Show the specified panel.",
+        "sig" : "(panelId)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "panelId",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.ContentPanel",
+            "desc" : "The shown panel or null"
           }
         ]
       },
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.bootstrap.layout.Region"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.PhoneInput" : {
+  "Roo.bootstrap.layout.Border" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
+        "name" : "center",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in center",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "defaultDialCode",
-        "type" : "String",
-        "desc" : "default '+852'",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "east",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in east",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preferedCountries",
-        "type" : "Array",
-        "desc" : "default []",
-        "memberOf" : ""
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "removable",
-        "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "size",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "north",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in north",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "[required] The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : ""
+        "name" : "south",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in south",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-        "memberOf" : "Roo.bootstrap.form.TriggerField"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "west",
+        "type" : "Roo.bootstrap.layout.Region",
+        "desc" : "region to go in west",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when a layout is performed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.layout.Manager",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "invalid",
+        "name" : "regioncollapsed",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fires when a region is collapsed.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The collapsed region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "regionexpanded",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fires when a region is expanded.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The expanded region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paste",
+        "name" : "regionresized",
         "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fires when the user resizes a region.",
+        "sig" : "function (region, newSize)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The resized region",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
             "isOptional" : false
           }
         ],
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "specialkey",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Adds a ContentPanel (or subclass) to this layout.",
+        "sig" : "(target, panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The target region key (north, south, east, west or center).",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "panel",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel to add",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The added panel"
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        ]
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "autoSize",
+        "name" : "addRegion",
         "type" : "function",
-        "desc" : "",
+        "desc" : "Creates and adds a new region if it doesn't already exist.",
+        "sig" : "(target, config)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The target region key (north, south, east, west or center).",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The regions config object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BorderLayoutRegion",
+            "desc" : "The new region"
+          }
+        ]
+      },
+      {
+        "name" : "addxtype",
+        "type" : "function",
+        "desc" : "Adds a xtype elements to the layout.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\nlayout.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
+        "sig" : "(cfg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beginUpdate",
+        "type" : "function",
+        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TriggerField",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         ]
       },
       {
-        "name" : "enable",
+        "name" : "endUpdate",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
+        "sig" : "(noLayout)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "noLayout",
+            "type" : "Boolean",
+            "desc" : "true to disable a layout update",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "findPanel",
+        "type" : "function",
+        "desc" : "Searches all regions for a panel with the specified id",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panelId",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel or null if it wasn't found"
           }
         ]
       },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the Element this layout is bound to.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The element"
+            "desc" : ""
           }
         ]
       },
         ]
       },
       {
-        "name" : "getName",
+        "name" : "getRegion",
         "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the specified region.",
+        "sig" : "(target)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "Roo.layout.Region",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "getViewSize",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "Object",
+            "desc" : "The size as an object {width: (the width), height: (the height)}"
           }
         ]
       },
         "returns" : []
       },
       {
-        "name" : "inputEl",
+        "name" : "isUpdating",
         "type" : "function",
-        "desc" : "return the real input element.",
+        "desc" : "Returns true if this layout is currently being updated",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.bootstrap.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
         "name" : "isVisible",
         "returns" : []
       },
       {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markValid",
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Mark this field as valid",
+        "desc" : "Performs a layout update.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ],
         "returns" : []
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Remove a ContentPanel (or subclass) to this layout.",
+        "sig" : "(target, panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The target region key (north, south, east, west or center).",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Number/String/Roo.ContentPanel",
+            "desc" : "The index, id or panel to remove",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The removed panel"
+          }
+        ]
+      },
       {
         "name" : "removeListener",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "setRawValue",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Show a component - removes 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.bootstrap.Component",
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "showPanel",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Searches all regions for a panel with the specified id and activates (shows) it.",
+        "sig" : "(panelId)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "panelId",
+            "type" : "String/ContentPanel",
+            "desc" : "The panels id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.ContentPanel",
+            "desc" : "The shown panel or null"
           }
         ]
       },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_children" : [
+      "Roo.bootstrap.panel.Content",
+      "Roo.bootstrap.panel.Grid",
+      "Roo.bootstrap.panel.Nest",
+      "Roo.bootstrap.panel.Nest",
+      "Roo.bootstrap.panel.Grid"
+    ],
+    "tree_parent" : [
+      "builder",
+      "Roo.bootstrap.panel.Nest",
+      "Roo.bootstrap.panel.Nest",
+      "Roo.bootstrap.Modal"
+    ]
   },
-  "Roo.bootstrap.form.Radio" : {
+  "Roo.bootstrap.layout.Manager" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "boxLabel",
-        "type" : "String",
-        "desc" : "- the label associated",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "value",
-        "type" : "String",
-        "desc" : "- the value of radio",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "layout",
+        "type" : "function",
+        "desc" : "Fires when a layout is performed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Manager",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "regioncollapsed",
+        "type" : "function",
+        "desc" : "Fires when a region is collapsed.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The collapsed region",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "regionexpanded",
+        "type" : "function",
+        "desc" : "Fires when a region is expanded.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The expanded region",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "regionresized",
+        "type" : "function",
+        "desc" : "Fires when the user resizes a region.",
+        "sig" : "function (region, newSize)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The resized region",
+            "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "beginUpdate",
+        "type" : "function",
+        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "endUpdate",
+        "type" : "function",
+        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
+        "sig" : "(noLayout)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "noLayout",
+            "type" : "Boolean",
+            "desc" : "true to disable a layout update",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the Element this layout is bound to.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : "The element"
+            "desc" : ""
           }
         ]
       },
           }
         ]
       },
+      {
+        "name" : "getRegion",
+        "type" : "function",
+        "desc" : "Returns the specified region.",
+        "sig" : "(target)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.layout.Region",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getViewSize",
+        "type" : "function",
+        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
+        "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 size as an object {width: (the width), height: (the height)}"
+          }
+        ]
+      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "isUpdating",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Returns true if this layout is currently being updated",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "returns" : []
       }
     ],
-    "isAbstract" : false,
+    "isAbstract" : true,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.bootstrap.layout.Border"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.RadioSet" : {
+  "Roo.bootstrap.layout.Region" : {
     "props" : [
       {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowBlank",
+        "name" : "alwaysShowTabs",
         "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "animate",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "True to animate expand/collapse (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "autoHide",
+        "type" : "Boolean",
+        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "True to enable overflow scrolling (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "closeOnTab",
+        "type" : "Boolean",
+        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
         "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "desc" : "Extra CSS classes to add to region",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "cmargins",
+        "type" : "Object",
+        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
+        "name" : "disableTabTips",
         "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "True to disable tab tooltips",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "For North/South panels",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "forceFeedback",
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "True to start the region hidden (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hasFeedback",
+        "name" : "hideTabs",
         "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : ""
+        "desc" : "True to hide the tab strip (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inline",
+        "name" : "hideWhenEmpty",
         "type" : "Boolean",
-        "desc" : "e) inline the element (default true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "True to hide the region when it has no panels",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "margins",
+        "type" : "Object",
+        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "mgr",
+        "type" : "Roo.bootstrap.layout.Manager",
+        "desc" : "The manager",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minLength",
+        "name" : "minTabWidth",
         "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "The minimum tab width (defaults to 40)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
+        "name" : "overflow",
         "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "e) if you have menus in the region, then you need to set this to visibl",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "hidden",
+          "visible"
+        ]
       },
       {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "preferredTabWidth",
+        "type" : "Number",
+        "desc" : "The preferred tab width (defaults to 150)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "preservePanels",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "size",
+        "name" : "region",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "the region that it inhabits..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "resizeTabs",
+        "type" : "Boolean",
+        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "skipConfig",
+        "type" : "bool",
+        "desc" : "skip config?",
+        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "split",
+        "type" : "Boolean",
+        "desc" : "To show the splitter",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validClass",
+        "name" : "tabPosition",
         "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "title",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "The title for the region (overrides panel titles)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validateOnBlur",
+        "name" : "titlebar",
         "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "s) The text that appears beside the radio",
-        "memberOf" : ""
+        "desc" : "True to display a title bar (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "toolbar",
+        "type" : "Boolean",
+        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "xs",
+        "name" : "width",
         "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "For East/West panels",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
+    "events" : [],
+    "methods" : [
       {
-        "name" : "beforehide",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Adds the passed ContentPanel(s) to this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "ContentPanel...",
+            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel added (if only one was added; null otherwise)"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforeshow",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "check",
+        "name" : "animateCollapse",
         "type" : "function",
-        "desc" : "Fires when the element is checked or unchecked.",
-        "sig" : "function (_self, item)\n{\n\n}",
+        "desc" : "Collapses this region.",
+        "sig" : "(skipAnim)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.form.RadioSet",
-            "desc" : "This radio",
-            "isOptional" : false
-          },
-          {
-            "name" : "item",
-            "type" : "Roo.bootstrap.form.Radio",
-            "desc" : "The checked item",
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "animateExpand",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Expands this region if it was previously collapsed.",
+        "sig" : "(e, skipAnim)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event that triggered the expand (or null if calling manually)",
+            "isOptional" : false
+          },
+          {
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to expand the element without animation (if animate is true)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires when the element is click.",
-        "sig" : "function (_self, item, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.form.RadioSet",
-            "desc" : "This radio set",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "item",
-            "type" : "Roo.bootstrap.form.Radio",
-            "desc" : "The checked item",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Get the active panel for this region.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The active panel or null"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
+        "sig" : "(title)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "title",
+            "type" : "String",
+            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Returns the container element for this region.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "hide",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns the panel specified or null if it's not in this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "invalid",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "msg",
+            "name" : "",
             "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "keyup",
+        "name" : "getTabs",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Returns the TabPanel component used by this region",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.TabPanel",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "paste",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "show",
+        "name" : "hasPanel",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns true if the panel is in this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "specialkey",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Hides this region.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "valid",
+        "name" : "hidePanel",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Hides the tab for the specified panel.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Returns true if this region is currently visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
         "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
+        "sig" : "(panel, preservePanel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
+          },
+          {
+            "name" : "preservePanel",
+            "type" : "Boolean",
+            "desc" : "Overrides the config preservePanel option",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "The panel that was removed"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
+        "sig" : "(newSize)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.layout.Basic",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Shows this region if it was previously hidden.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "showPanel",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Shows the specified panel.",
+        "sig" : "(panelId)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "panelId",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.ContentPanel",
+            "desc" : "The shown panel, or null if a panel could not be found from panelId"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getChildContainer",
+        "name" : "unhidePanel",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Unhides the tab for a previously hidden panel.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "name" : "panel",
+            "type" : "Number/String/ContentPanel",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
           }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.layout.Split" : {
+    "props" : [
+      {
+        "name" : "alwaysShowTabs",
+        "type" : "Boolean",
+        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "True to animate expand/collapse (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoHide",
+        "type" : "Boolean",
+        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoScroll",
+        "type" : "Boolean",
+        "desc" : "True to enable overflow scrolling (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closeOnTab",
+        "type" : "Boolean",
+        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cmargins",
+        "type" : "Object",
+        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "collapsed",
+        "type" : "Boolean",
+        "desc" : "True to set the initial display to collapsed (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "collapsedTitle",
+        "type" : "String",
+        "desc" : "Optional string message to display in the collapsed block of a north or south region",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "collapsible",
+        "type" : "Boolean",
+        "desc" : "False to disable collapsing (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableTabTips",
+        "type" : "Boolean",
+        "desc" : "True to disable tab tooltips",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "floatable",
+        "type" : "Boolean",
+        "desc" : "False to disable floating (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "For North/South panels",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to start the region hidden (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideTabs",
+        "type" : "Boolean",
+        "desc" : "True to hide the tab strip (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideWhenEmpty",
+        "type" : "Boolean",
+        "desc" : "True to hide the region when it has no panels",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "margins",
+        "type" : "Object",
+        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minTabWidth",
+        "type" : "Number",
+        "desc" : "The minimum tab width (defaults to 40)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preferredTabWidth",
+        "type" : "Number",
+        "desc" : "The preferred tab width (defaults to 150)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preservePanels",
+        "type" : "Boolean",
+        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizeTabs",
+        "type" : "Boolean",
+        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showPin",
+        "type" : "Boolean",
+        "desc" : "True to show a pin button",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "split",
+        "type" : "Boolean",
+        "desc" : "To show the splitter",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabPosition",
+        "type" : "String",
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "bottom"
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for the region (overrides panel titles)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "titlebar",
+        "type" : "Boolean",
+        "desc" : "True to display a title bar (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toolbar",
+        "type" : "Boolean",
+        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "For East/West panels",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforecollapse",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this region before collapse.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "beforeremove",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
+        "sig" : "function (_self, panel, e)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The cancel event object",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getName",
+        "name" : "collapsed",
         "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this region is collapsed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRawValue",
+        "name" : "expanded",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this region is expanded.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getValue",
+        "name" : "invalidated",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the layout for this region is changed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "panelactivated",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a panel is activated.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The activated panel",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "paneladded",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a panel is added.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "panelremoved",
+        "type" : "function",
+        "desc" : "Fires when a panel is removed.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "resized",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the user resizes this region.",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "initEvents",
+        "name" : "slidehide",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this region slides out of view.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "inputEl",
+        "name" : "slideshow",
         "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this region is slid into view.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "visibilitychange",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this region is shown or hidden",
+        "sig" : "function (_self, visibility)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "visibility",
+            "type" : "Boolean",
+            "desc" : "true or false",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "markInvalid",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Adds the passed ContentPanel(s) to this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.layout.Region",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "panel",
+            "type" : "panel.Content...",
+            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel added (if only one was added; null otherwise)"
+          }
+        ]
       },
       {
-        "name" : "markValid",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "desc" : "Appends an event handler to this component",
         "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Collapses this region.",
+        "sig" : "(skipAnim)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Expands this region if it was previously collapsed.",
+        "sig" : "(e, skipAnim)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.layout.Region",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event that triggered the expand (or null if calling manually)",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to expand the element without animation (if animate is true)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "reset",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "desc" : "Get the active panel for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.layout.Region",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The active panel or null"
+          }
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Returns the container element for this region.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.layout.Region",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setRawValue",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
+        "desc" : "Returns the panel specified or null if it's not in this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.layout.BasicRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "setValue",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.layout.BasicRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "getSplitBar",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Returns the {@link Roo.SplitBar} for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.SplitBar",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "getTabs",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Returns the TabPanel component used by this region",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Tab",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "hasPanel",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns true if the panel is in this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.layout.BasicRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "tooltipEl",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
+        "desc" : "Hides this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.layout.Region",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "hidePanel",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Hides the tab for the specified panel.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.layout.Region",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "validate",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Validates the field value",
+        "desc" : "Returns true if this region is currently visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.layout.Region",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "validateValue",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.form.Radio"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.form.SecurePass" : {
-    "props" : [
+        ],
+        "returns" : []
+      },
       {
-        "name" : "Label",
-        "type" : "String/Object",
-        "desc" : "for the strength meter (defaults to\n'Password strength:')",
-        "memberOf" : ""
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
+        "sig" : "(panel, preservePanel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
+          },
+          {
+            "name" : "preservePanel",
+            "type" : "Boolean",
+            "desc" : "Overrides the config preservePanel option",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel that was removed"
+          }
+        ]
       },
       {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "resizeTo",
+        "type" : "function",
+        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
+        "sig" : "(newSize)",
+        "static" : false,
+        "memberOf" : "Roo.layout.BasicRegion",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "setCollapsedTitle",
+        "type" : "function",
+        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
+        "sig" : "(title)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "title",
+            "type" : "String",
+            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Shows this region if it was previously hidden.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "name" : "showPanel",
+        "type" : "function",
+        "desc" : "Shows the specified panel.",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panelId",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The shown panel, or null if a panel could not be found from panelId"
+          }
+        ]
       },
       {
-        "name" : "autocomplete",
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "unhidePanel",
+        "type" : "function",
+        "desc" : "Unhides the tab for a previously hidden panel.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.menu" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.menu.Item" : {
+    "props" : [
+      {
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "used on sidebars to highlight active itesm",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "errors",
-        "type" : "String/Object",
-        "desc" : "A Error spec, or true for a default spec (defaults to\n{\n PwdEmpty: \"Please type a password, and then retype it to confirm.\",\n PwdShort: \"Your password must be at least 6 characters long. Please type a different password.\",\n PwdLong: \"Your password can't contain more than 16 characters. Please type a different password.\",\n PwdBadChar: \"The password contains characters that aren't allowed. Please type a different password.\",\n IDInPwd: \"Your password can't include the part of your ID. Please type a different password.\",\n FNInPwd: \"Your password can't contain your first name. Please type a different password.\",\n LNInPwd: \"Your password can't contain your last name. Please type a different password.\"\n})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "focusClass",
+        "name" : "fa",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "favicon to show on left of menu item.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "invalidText",
+        "name" : "href",
         "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "the link",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labelAlign",
+        "name" : "html",
         "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "the menu label",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "isContainer",
+        "type" : "Boolean",
+        "desc" : "is it a container - just returns a drop down item..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "menu",
+        "type" : "Roo.bootsrap.Menu",
+        "desc" : "the child menu.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "placeholder",
         "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "pwdStrengths",
-        "type" : "String/Object",
-        "desc" : "A pwdStrengths spec, or true for a default spec (defaults to\n['Weak', 'Medium', 'Strong'])",
-        "memberOf" : ""
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "do not trigger A href on clicks (default false).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.bootstrap.menu.Item",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "paste",
-        "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.TabGroup"
+    ],
+    "tree_parent" : [
+      "Roo.bootstrap.menu.Menu"
+    ]
+  },
+  "Roo.bootstrap.menu.Manager" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "validateValue",
+        "name" : "get",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "Returns a {@link Roo.menu.Menu} object",
+        "sig" : "(menu)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "menu",
+            "type" : "String/Object",
+            "desc" : "The string menu id, an existing menu object reference, or a Menu config that will\nbe used to generate and return a new Menu instance.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
+        "returns" : []
+      },
+      {
+        "name" : "hideAll",
+        "type" : "function",
+        "desc" : "Hides all menus that are currently visible",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.TextArea" : {
+  "Roo.bootstrap.menu.Menu" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "align",
         "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "default tl-bl? == below  - how the menu should be aligned.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cols",
-        "type" : "Number",
-        "desc" : "Specifies the visible width of a text area",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "hidden",
+        "type" : "bool",
+        "desc" : "if the menu should be hidden when rendered.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "string",
-        "desc" : "text",
-        "memberOf" : ""
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "hideTrigger",
+        "type" : "bool",
+        "desc" : "e)  default false - hide the carret for trigge",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "isLink",
+        "type" : "bool",
+        "desc" : "e)  the menu has link disable auto expand and collaspe (default fals",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "resize",
         "type" : "string",
-        "desc" : "l)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "rows",
-        "type" : "Number",
-        "desc" : "Specifies the visible number of lines in a text area",
-        "memberOf" : ""
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "registerMenu",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "True (default) - means that clicking on screen etc. hides it.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "stopEvent",
+        "type" : "bool",
+        "desc" : "e)  Stop event after trigger press (default tru",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validFeedbackIcon",
+        "name" : "type",
         "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "u) type of me",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "dropdown",
+          "treeview",
+          "submenu"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "wrap",
-        "type" : "string",
-        "desc" : "d)Specifies how the text in a text area is to be wrapped when submitted in a form",
-        "memberOf" : ""
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fires before this menu is hidden (return false to block)",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires before this menu is displayed (return false to block)",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
+        "sig" : "function (_self, menuItem, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
             "isOptional" : false
           },
           {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after this menu is hidden",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "invalid",
+        "name" : "itemclick",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fires when a menu item contained in this menu is clicked",
+        "sig" : "function (baseItem, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "baseItem",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "The BaseItem that was clicked",
             "isOptional" : false
           },
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fires when the mouse exits this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
             "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paste",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fires when the mouse is hovering over this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
             "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
             "isOptional" : false
           }
         ],
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
+        "desc" : "Fires after this menu is displayed",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Hides this menu and optionally all parent menus",
+        "sig" : "(deep)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "deep",
+            "type" : "Boolean",
+            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real textarea element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Displays this menu relative to another element",
+        "sig" : "(element, position, parentMenu)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to",
+            "isOptional" : false
+          },
+          {
+            "name" : "position",
+            "type" : "String",
+            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "showAt",
+        "type" : "function",
+        "desc" : "Displays this menu at a specific xy position",
+        "sig" : "(xyPosition, parentMenu)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "xyPosition",
+            "type" : "Array",
+            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Markdown"
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.bootstrap.menu.Item",
+      "Roo.bootstrap.menu.Separator"
     ],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_parent" : [
+      "none"
+    ]
   },
-  "Roo.bootstrap.form.TimeField" : {
+  "Roo.bootstrap.menu.Separator" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldLabel",
+        "name" : "name",
         "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "format",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The default time format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'H:i').",
-        "memberOf" : ""
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "size",
-        "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "paste",
-        "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when select a date.",
-        "sig" : "function (_self, date)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.form.DateField",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Mixed",
-            "desc" : "The date value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this field show.",
-        "sig" : "function (thisthis, date)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "thisthis",
-            "type" : "Roo.bootstrap.form.DateField",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Mixed",
-            "desc" : "The date value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [],
+    "tree_parent" : [
+      "Roo.bootstrap.menu.Menu"
+    ]
+  },
+  "Roo.bootstrap.nav" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.form.TriggerField" : {
+  "Roo.bootstrap.nav.Bar" : {
     "props" : [
-      {
-        "name" : "accept",
-        "type" : "String",
-        "desc" : "o) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "after",
-        "type" : "string",
-        "desc" : "- input group add on after",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "afterButton",
-        "type" : "Roo.bootstrap.Button",
-        "desc" : "to show before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) Default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autocomplete",
-        "type" : "String",
-        "desc" : "- default is new-password see: https://developers.google.com/web/fundamentals/input/form/label-and-name-inputs?hl=en",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "before",
-        "type" : "string",
-        "desc" : "- input group add on before",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "capture",
-        "type" : "String",
-        "desc" : "a) use for file input only. (default empty)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "caret",
-        "type" : "String",
-        "desc" : "r) BS3 only - carat fa name",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "is it disabled",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "string",
-        "desc" : "- the label associated",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "forceFeedback",
-        "type" : "Boolean",
-        "desc" : "e) Default false",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "hasFeedback",
-        "type" : "Boolean",
-        "desc" : "e) default true",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "indicatorpos",
-        "type" : "String",
-        "desc" : "t) default left",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #validator} test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "set the width of label",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labellg",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelmd",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelsm",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "labelxs",
-        "type" : "Number",
-        "desc" : "set the width of label (1-12)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for large computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for computer-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
-        "type" : "String",
-        "desc" : "name of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "placeholder",
-        "type" : "string",
-        "desc" : "- placeholder to put in text.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "preventMark",
-        "type" : "Boolean",
-        "desc" : "Do not show tick or cross if error/success",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "Specifies that the field should be read-only",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "-- Depricated - use Invalid Text",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "removable",
-        "type" : "Boolean",
-        "desc" : "e) special filter default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "size",
         "type" : "string",
-        "desc" : "- (lg|sm) or leave empty..",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for tablet-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validClass",
-        "type" : "String",
-        "desc" : "DEPRICATED - code uses BS4 - is-valid / is-invalid",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validFeedbackIcon",
-        "type" : "String",
-        "desc" : "The CSS class to use when create feedback icon (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.bootstrap.form.Input"
-      },
-      {
-        "name" : "value",
-        "type" : "string",
-        "desc" : "default value of the input",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "colspan out of 12 for mobile-sized screens",
-        "memberOf" : "Roo.bootstrap.form.Input"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "beforetoggle",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
+        "name" : "childrenrendered",
         "type" : "function",
         "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "paste",
-        "type" : "function",
-        "desc" : "Fires after the user pastes into input",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
+        "desc" : "Collapse the navbar pulldown",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name of the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "name The name field"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "inputEl",
-        "type" : "function",
-        "desc" : "return the real input element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "markValid",
-        "type" : "function",
-        "desc" : "Mark this field as valid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : true,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.PopoverNav",
+      "Roo.bootstrap.form.HtmlEditorToolbar.Standard",
+      "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.Simplebar"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.bootstrap.nav.Group" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validate",
+        "name" : "align",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "navId",
+        "type" : "String",
+        "desc" : "- reference Id for navbar.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pilltype",
+        "type" : "Boolean",
+        "desc" : "default true (turn to off to disable active toggle)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "b) default n",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "nav",
+          "pills",
+          "tab"
+        ]
+      },
+      {
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "validateValue",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.form.Input",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.PhoneInput"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.layout" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.layout.Basic" : {
-    "props" : [
+        ],
+        "returns" : []
+      },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "mgr",
-        "type" : "Roo.bootstrap.layout.Manager",
-        "desc" : "The manager",
-        "memberOf" : ""
+        "name" : "changed",
+        "type" : "function",
+        "desc" : "Fires when the active item changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.nav.Group",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "selected",
+            "type" : "Roo.bootstrap.Navbar.Item",
+            "desc" : "The item selected",
+            "isOptional" : false
+          },
+          {
+            "name" : "prev",
+            "type" : "Roo.bootstrap.Navbar.Item",
+            "desc" : "The previously selected item",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "region",
-        "type" : "string",
-        "desc" : "the region that it inhabits..",
-        "memberOf" : ""
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "skipConfig",
-        "type" : "bool",
-        "desc" : "skip config?",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
-        "name" : "add",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Add the passed ContentPanel(s)",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "ContentPanel...",
-            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added)"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "addItem",
+        "type" : "function",
+        "desc" : "adds a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Roo.bootstrap.nav.Item",
+            "desc" : "navitem to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "addListener",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "clearAll",
+        "type" : "function",
+        "desc" : "clear all the Navigation item",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getActivePanel",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Get the active panel for this region.",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "fetch a Navigation Group based on the navigation ID",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "string",
+            "desc" : "navgroup to add",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getActive",
+        "type" : "function",
+        "desc" : "gets the active Navigation item",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The active panel or null"
+            "type" : "Roo.bootstrap.nav.Item",
+            "desc" : "the current navitem"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Returns the container element for this region.",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : ""
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getPanel",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the panel specified or null if it's not in this region.",
-        "sig" : "(panel)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
+      {
+        "name" : "getVisibilityEl",
+        "type" : "function",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "hasListener",
         "type" : "function",
         ]
       },
       {
-        "name" : "hasPanel",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true if the panel is in this region.",
-        "sig" : "(panel)",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "initEvents",
+        "type" : "function",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if this region is currently visible.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "register a Navigation item",
+        "sig" : "(the)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "the",
+            "type" : "Roo.bootstrap.nav.Item",
+            "desc" : "navitem to add",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
-        "sig" : "(panel, preservePanel)",
-        "static" : false,
+        "desc" : "register a Navigation Group",
+        "sig" : "(the)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          },
-          {
-            "name" : "preservePanel",
-            "type" : "Boolean",
-            "desc" : "Overrides the config preservePanel option",
+            "name" : "the",
+            "type" : "Roo.bootstrap.nav.Group",
+            "desc" : "navgroup to add",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel that was removed"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "removeListener",
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
-        "sig" : "(newSize)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new width or height",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "setActiveItem",
         "type" : "function",
-        "desc" : "Show the specified panel.",
-        "sig" : "(panelId)",
+        "desc" : "sets the active Navigation item",
+        "sig" : "(the)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "the",
+            "type" : "Roo.bootstrap.nav.Item",
+            "desc" : "new current navitem",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel or null"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.layout.Region"
-    ],
-    "tree_children" : [],
+      },
+      {
+        "name" : "setVisibilityEl",
+        "type" : "function",
+        "desc" : "Set the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
+          }
+        ]
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.bootstrap.nav.Item",
+      "Roo.bootstrap.nav.SidebarItem"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.layout.Border" : {
+  "Roo.bootstrap.nav.Headerbar" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) alignme",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "arrangement",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "stacked | justified",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "center",
-        "type" : "Roo.bootstrap.layout.Region",
-        "desc" : "region to go in center",
-        "memberOf" : ""
+        "name" : "autohide",
+        "type" : "Boolean",
+        "desc" : "a top nav bar header that hides on scroll.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "brand",
+        "type" : "String",
+        "desc" : "what is brand",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "brand_href",
+        "type" : "String",
+        "desc" : "href of the brand",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "can_build_overlaid",
+        "type" : "Boolean",
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "desktopCenter",
+        "type" : "Boolean",
+        "desc" : "should the header be centered on desktop using a container class",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "east",
-        "type" : "Roo.bootstrap.layout.Region",
-        "desc" : "region to go in east",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) loadMask on the b",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : "e) main nav bar? default fal",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "mobilerow",
+        "type" : "Roo.bootstrap.Row",
+        "desc" : "- a row to display on mobile only..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "north",
-        "type" : "Roo.bootstrap.layout.Region",
-        "desc" : "region to go in north",
-        "memberOf" : ""
+        "name" : "position",
+        "type" : "String",
+        "desc" : "p) positi",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "fixed-top",
+          "fixed-bottom",
+          "static-top"
+        ]
       },
       {
-        "name" : "south",
-        "type" : "Roo.bootstrap.layout.Region",
-        "desc" : "region to go in south",
-        "memberOf" : ""
+        "name" : "srButton",
+        "type" : "Boolean",
+        "desc" : "generate the (screen reader / mobile) sr-only button   default true",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is n",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "west",
-        "type" : "Roo.bootstrap.layout.Region",
-        "desc" : "region to go in west",
-        "memberOf" : ""
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is ligh",
+        "memberOf" : "Roo.bootstrap.nav.Simplebar",
+        "isOptional" : false,
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "beforetoggle",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "layout",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when a layout is performed.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.layout.Manager",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutManager",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "regioncollapsed",
-        "type" : "function",
-        "desc" : "Fires when a region is collapsed.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.layout.Manager",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The collapsed region",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "regionexpanded",
-        "type" : "function",
-        "desc" : "Fires when a region is expanded.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.layout.Manager",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The expanded region",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "regionresized",
-        "type" : "function",
-        "desc" : "Fires when the user resizes a region.",
-        "sig" : "function (region, newSize)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.layout.Manager",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The resized region",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
       }
     ],
     "methods" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Adds a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
-            "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The added panel"
-          }
-        ]
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "addRegion",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Creates and adds a new region if it doesn't already exist.",
-        "sig" : "(target, config)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The regions config object",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BorderLayoutRegion",
-            "desc" : "The new region"
-          }
-        ]
-      },
-      {
-        "name" : "addxtype",
-        "type" : "function",
-        "desc" : "Adds a xtype elements to the layout.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\nlayout.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
-        "sig" : "(cfg)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "cfg",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beginUpdate",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
+        "desc" : "Collapse the navbar pulldown",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ]
       },
       {
-        "name" : "endUpdate",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
-        "sig" : "(noLayout)",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "noLayout",
-            "type" : "Boolean",
-            "desc" : "true to disable a layout update",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
-      {
-        "name" : "findPanel",
-        "type" : "function",
-        "desc" : "Searches all regions for a panel with the specified id",
-        "sig" : "(panelId)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panelId",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel or null if it wasn't found"
-          }
-        ]
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the Element this layout is bound to.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : ""
+            "desc" : "The element"
           }
         ]
       },
           }
         ]
       },
-      {
-        "name" : "getRegion",
-        "type" : "function",
-        "desc" : "Returns the specified region.",
-        "sig" : "(target)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.LayoutRegion",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getViewSize",
-        "type" : "function",
-        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "The size as an object {width: (the width), height: (the height)}"
-          }
-        ]
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "isUpdating",
-        "type" : "function",
-        "desc" : "Returns true if this layout is currently being updated",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Manager",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "layout",
-        "type" : "function",
-        "desc" : "Performs a layout update.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Remove a ContentPanel (or subclass) to this layout.",
-        "sig" : "(target, panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The target region key (north, south, east, west or center).",
-            "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Number/String/Roo.ContentPanel",
-            "desc" : "The index, id or panel to remove",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The removed panel"
-          }
-        ]
-      },
       {
         "name" : "removeListener",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "showPanel",
-        "type" : "function",
-        "desc" : "Searches all regions for a panel with the specified id and activates (shows) it.",
-        "sig" : "(panelId)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panelId",
-            "type" : "String/ContentPanel",
-            "desc" : "The panels id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel or null"
-          }
-        ]
-      },
       {
         "name" : "tooltipEl",
         "type" : "function",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.panel.Content",
-      "Roo.bootstrap.panel.Grid",
-      "Roo.bootstrap.panel.Nest",
-      "Roo.bootstrap.panel.Nest",
-      "Roo.bootstrap.panel.Grid"
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.Link"
     ],
-    "tree_parent" : [
-      "builder",
-      "Roo.bootstrap.panel.Nest",
-      "Roo.bootstrap.panel.Nest",
-      "Roo.bootstrap.Modal"
-    ]
+    "tree_parent" : []
   },
-  "Roo.bootstrap.layout.Manager" : {
+  "Roo.bootstrap.nav.Item" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "Is item active",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "animateRef",
+        "type" : "Boolean",
+        "desc" : "e) link to element default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "badge",
+        "type" : "String",
+        "desc" : "text inside badge",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "badgecls",
+        "type" : "String",
+        "desc" : "w)the extra classes for the bad",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "bg-green",
+          "bg-red",
+          "bg-yellow"
+        ]
+      },
+      {
+        "name" : "button_outline",
+        "type" : "Boolean",
+        "desc" : "show and outlined button",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "button_weight",
+        "type" : "String",
+        "desc" : "k) default no",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "Is item disabled",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "- Fontawsome icon name (can add stuff to it like fa-2x)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "DEPRICATED - use fa",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "href",
+        "type" : "String",
+        "desc" : "link to",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "content of button",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "DEPRICATED - use fa",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "linkcls",
+        "type" : "String",
+        "desc" : "Link Class",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menu",
+        "type" : "Roo.bootstrap.menu.Menu",
+        "desc" : "a Menu",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventDefault",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabId",
+        "type" : "String",
+        "desc" : "the tab that this item activates.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tagtype",
+        "type" : "String",
+        "desc" : "n) render as a href or spa",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "a",
+          "span"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "changed",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Fires when the active item active state changes",
+        "sig" : "function (_self, state)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.bootstrap.nav.Item",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "state",
+            "type" : "boolean",
+            "desc" : "the new state",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "layout",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when a layout is performed.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutManager",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "regioncollapsed",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when a region is collapsed.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The collapsed region",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "regionexpanded",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when a region is expanded.",
-        "sig" : "function (region)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The expanded region",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "regionresized",
+        "name" : "scrollto",
         "type" : "function",
-        "desc" : "Fires when the user resizes a region.",
-        "sig" : "function (region, newSize)\n{\n\n}",
+        "desc" : "Fires when scroll to element",
+        "sig" : "function (_self, options, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "region",
-            "type" : "Roo.LayoutRegion",
-            "desc" : "The resized region",
+            "name" : "this",
+            "type" : "Roo.bootstrap.nav.Item",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "beginUpdate",
-        "type" : "function",
-        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "endUpdate",
-        "type" : "function",
-        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
-        "sig" : "(noLayout)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "noLayout",
-            "type" : "Boolean",
-            "desc" : "true to disable a layout update",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the Element this layout is bound to.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : ""
+            "desc" : "The element"
           }
         ]
       },
           }
         ]
       },
-      {
-        "name" : "getRegion",
-        "type" : "function",
-        "desc" : "Returns the specified region.",
-        "sig" : "(target)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "target",
-            "type" : "String",
-            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.LayoutRegion",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getViewSize",
-        "type" : "function",
-        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
-        "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 size as an object {width: (the width), height: (the height)}"
-          }
-        ]
-      },
       {
         "name" : "getVisibilityEl",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "isUpdating",
-        "type" : "function",
-        "desc" : "Returns true if this layout is currently being updated",
-        "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" : ""
-          }
-        ]
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setHtml",
+        "type" : "function",
+        "desc" : "Set the HTML (text content) of the item",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "html",
+            "type" : "string",
+            "desc" : "content for the nav item",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       }
     ],
-    "isAbstract" : true,
+    "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.bootstrap.layout.Border"
+      "Roo.bootstrap.nav.SidebarItem"
     ],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_children" : [
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.form.CardUploader"
+    ],
+    "tree_parent" : [
+      "Roo.bootstrap.nav.Group"
+    ]
   },
-  "Roo.bootstrap.layout.Region" : {
+  "Roo.bootstrap.nav.ProgressBar" : {
     "props" : [
       {
-        "name" : "alwaysShowTabs",
-        "type" : "Boolean",
-        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "True to animate expand/collapse (defaults to false)",
-        "memberOf" : ""
+        "name" : "NavProgressBar:bullets[]",
+        "type" : "Roo.bootstrap.nav.ProgressItem",
+        "desc" : "Bullets for the Nav Progress bar for the toolbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoHide",
-        "type" : "Boolean",
-        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
-        "memberOf" : ""
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoScroll",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to enable overflow scrolling (defaults to false)",
-        "memberOf" : ""
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "closeOnTab",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
-        "type" : "string",
-        "desc" : "Extra CSS classes to add to region",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cmargins",
-        "type" : "Object",
-        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableTabTips",
-        "type" : "Boolean",
-        "desc" : "True to disable tab tooltips",
-        "memberOf" : ""
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "For North/South panels",
-        "memberOf" : ""
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to start the region hidden (defaults to false)",
-        "memberOf" : ""
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideTabs",
-        "type" : "Boolean",
-        "desc" : "True to hide the tab strip (defaults to false)",
-        "memberOf" : ""
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideWhenEmpty",
-        "type" : "Boolean",
-        "desc" : "True to hide the region when it has no panels",
-        "memberOf" : ""
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "margins",
-        "type" : "Object",
-        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
-        "memberOf" : ""
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "mgr",
-        "type" : "Roo.bootstrap.layout.Manager",
-        "desc" : "The manager",
-        "memberOf" : ""
+        "name" : "style",
+        "type" : "String",
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minTabWidth",
-        "type" : "Number",
-        "desc" : "The minimum tab width (defaults to 40)",
-        "memberOf" : ""
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "overflow",
-        "type" : "String",
-        "desc" : "e) if you have menus in the region, then you need to set this to visible.",
-        "memberOf" : ""
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "preferredTabWidth",
-        "type" : "Number",
-        "desc" : "The preferred tab width (defaults to 150)",
-        "memberOf" : ""
-      },
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
       {
-        "name" : "preservePanels",
-        "type" : "Boolean",
-        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
-        "memberOf" : ""
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "region",
-        "type" : "string",
-        "desc" : "the region that it inhabits..",
-        "memberOf" : ""
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "resizeTabs",
-        "type" : "Boolean",
-        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
-        "memberOf" : ""
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "skipConfig",
-        "type" : "bool",
-        "desc" : "skip config?",
-        "memberOf" : "Roo.bootstrap.layout.Basic"
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "split",
-        "type" : "Boolean",
-        "desc" : "To show the splitter",
-        "memberOf" : ""
+        "name" : "changed",
+        "type" : "function",
+        "desc" : "Fires when the active item changes",
+        "sig" : "function (_self, selected, prev)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.nav.ProgressBar",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "selected",
+            "type" : "Roo.bootstrap.nav.ProgressItem",
+            "desc" : "The item selected",
+            "isOptional" : false
+          },
+          {
+            "name" : "prev",
+            "type" : "Roo.bootstrap.nav.ProgressItem",
+            "desc" : "The previously selected item",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "tabPosition",
-        "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : ""
+        "name" : "childrenrendered",
+        "type" : "function",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.bootstrap.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for the region (overrides panel titles)",
-        "memberOf" : ""
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "titlebar",
-        "type" : "Boolean",
-        "desc" : "True to display a title bar (defaults to true)",
-        "memberOf" : ""
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Boolean",
-        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
-        "memberOf" : ""
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "For East/West panels",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "add",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Adds the passed ContentPanel(s) to this region.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "ContentPanel...",
-            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added; null otherwise)"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "animateCollapse",
-        "type" : "function",
-        "desc" : "Collapses this region.",
-        "sig" : "(skipAnim)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "animateExpand",
-        "type" : "function",
-        "desc" : "Expands this region if it was previously collapsed.",
-        "sig" : "(e, skipAnim)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event that triggered the expand (or null if calling manually)",
-            "isOptional" : false
-          },
-          {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to expand the element without animation (if animate is true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getActivePanel",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Get the active panel for this region.",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The active panel or null"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getBox",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
-        "sig" : "(title)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns the container element for this region.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getPanel",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Returns the panel specified or null if it's not in this region.",
-        "sig" : "(panel)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getTabs",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the TabPanel component used by this region",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanel",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "hasPanel",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Returns true if the panel is in this region.",
-        "sig" : "(panel)",
+        "desc" : "Get the element that will be used to show or hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : ""
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this region.",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "hidePanel",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Hides the tab for the specified panel.",
-        "sig" : "(panel)",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if this region is currently visible.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
-        "sig" : "(panel, preservePanel)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "preservePanel",
-            "type" : "Boolean",
-            "desc" : "Overrides the config preservePanel option",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel that was removed"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
-        "sig" : "(newSize)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.layout.Basic",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new width or height",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Shows this region if it was previously hidden.",
+        "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Shows the specified panel.",
-        "sig" : "(panelId)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel, or null if a panel could not be found from panelId"
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "unhidePanel",
-        "type" : "function",
-        "desc" : "Unhides the tab for a previously hidden panel.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.bootstrap.nav.ProgressBarItem"
+    ],
     "tree_parent" : []
   },
-  "Roo.bootstrap.layout.Split" : {
+  "Roo.bootstrap.nav.ProgressBarItem" : {
     "props" : [
       {
-        "name" : "alwaysShowTabs",
-        "type" : "Boolean",
-        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "animate",
-        "type" : "Boolean",
-        "desc" : "True to animate expand/collapse (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoHide",
+        "name" : "active",
         "type" : "Boolean",
-        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "e) Is item active default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "autoScroll",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to enable overflow scrolling (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "closeOnTab",
+        "name" : "can_build_overlaid",
         "type" : "Boolean",
-        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "True if element can be rebuild from a HTML page",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cmargins",
-        "type" : "Object",
-        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "css class",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "collapsed",
-        "type" : "Boolean",
-        "desc" : "True to set the initial display to collapsed (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "collapsedTitle",
-        "type" : "String",
-        "desc" : "Optional string message to display in the collapsed block of a north or south region",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "container_method",
+        "type" : "string",
+        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "collapsible",
-        "type" : "Boolean",
-        "desc" : "False to disable collapsing (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "dataId",
+        "type" : "string",
+        "desc" : "cutomer id",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableTabTips",
-        "type" : "Boolean",
-        "desc" : "True to disable tab tooltips",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "floatable",
+        "name" : "disabled",
         "type" : "Boolean",
-        "desc" : "False to disable floating (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "For North/South panels",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "e) Is item active default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to start the region hidden (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "hideTabs",
-        "type" : "Boolean",
-        "desc" : "True to hide the tab strip (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "html",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideWhenEmpty",
-        "type" : "Boolean",
-        "desc" : "True to hide the region when it has no panels",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "show icon instead of number",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "margins",
-        "type" : "Object",
-        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "minTabWidth",
-        "type" : "Number",
-        "desc" : "The minimum tab width (defaults to 40)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "preferredTabWidth",
-        "type" : "Number",
-        "desc" : "The preferred tab width (defaults to 150)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "preservePanels",
-        "type" : "Boolean",
-        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
-      },
-      {
-        "name" : "resizeTabs",
-        "type" : "Boolean",
-        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
-        "memberOf" : "Roo.LayoutRegion"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "showPin",
-        "type" : "Boolean",
-        "desc" : "True to show a pin button",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "name",
+        "type" : "string",
+        "desc" : "Specifies name attribute",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "split",
-        "type" : "Boolean",
-        "desc" : "To show the splitter",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "position",
+        "type" : "String",
+        "desc" : "m) text position default bott",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
       },
       {
-        "name" : "tabPosition",
+        "name" : "rid",
         "type" : "String",
-        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom\")",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "the reference id",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The title for the region (overrides panel titles)",
-        "memberOf" : "Roo.LayoutRegion"
+        "desc" : "any extra css",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "titlebar",
-        "type" : "Boolean",
-        "desc" : "True to display a title bar (defaults to true)",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Boolean",
-        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "visibilityEl",
+        "type" : "string|object",
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "For East/West panels",
-        "memberOf" : "Roo.LayoutRegion"
+        "name" : "xattr",
+        "type" : "Object",
+        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforecollapse",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when this region before collapse.",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeremove",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
-        "sig" : "function (_self, panel, e)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The cancel event object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "collapsed",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires when this region is collapsed.",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "expanded",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires when this region is expanded.",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "invalidated",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "Fires when the layout for this region is changed.",
+        "desc" : "Fires when the children have been rendered..",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "panelactivated",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when a panel is activated.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.bootstrap.nav.ProgressBarItem",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The activated panel",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "paneladded",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when a panel is added.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "panelremoved",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires when a panel is removed.",
-        "sig" : "function (_self, panel)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "panel",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resized",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when the user resizes this region.",
-        "sig" : "function (_self, newSize)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new size (width for east/west, height for north/south)",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "slidehide",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when this region slides out of view.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "slideshow",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this region is slid into view.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "visibilitychange",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when this region is shown or hidden",
-        "sig" : "function (_self, visibility)\n{\n\n}",
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.LayoutRegion",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "visibility",
-            "type" : "Boolean",
-            "desc" : "true or false",
-            "isOptional" : false
           }
         ],
         "returns" : []
       }
     ],
     "methods" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Adds the passed ContentPanel(s) to this region.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "ContentPanel...",
-            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel added (if only one was added; null otherwise)"
-          }
-        ]
-      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Collapses this region.",
-        "sig" : "(skipAnim)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Expands this region if it was previously collapsed.",
-        "sig" : "(e, skipAnim)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event that triggered the expand (or null if calling manually)",
-            "isOptional" : false
-          },
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "skipAnim",
-            "type" : "Boolean",
-            "desc" : "(optional) true to expand the element without animation (if animate is true)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "getActivePanel",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Get the active panel for this region.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The active panel or null"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Returns the container element for this region.",
+        "desc" : "Fetch the element to add children to",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Roo.Element",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getPanel",
-        "type" : "function",
-        "desc" : "Returns the panel specified or null if it's not in this region.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : ""
+            "desc" : "defaults to this.el"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getSplitBar",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the {@link Roo.SplitBar} for this region.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.SplitBar",
+            "type" : "String",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getTabs",
+        "name" : "getVisibilityEl",
         "type" : "function",
-        "desc" : "Returns the TabPanel component used by this region",
+        "desc" : "Get the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.TabPanel",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "hasListener",
           }
         ]
       },
-      {
-        "name" : "hasPanel",
-        "type" : "function",
-        "desc" : "Returns true if the panel is in this region.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panels index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this region.",
+        "desc" : "Hide a component - adds 'hidden' class",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "hidePanel",
+        "name" : "initEvents",
         "type" : "function",
-        "desc" : "Hides the tab for the specified panel.",
-        "sig" : "(panel)",
+        "desc" : "Initialize Events for the element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if this region is currently visible.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "on",
         ],
         "returns" : []
       },
-      {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
-        "sig" : "(panel, preservePanel)",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          },
-          {
-            "name" : "preservePanel",
-            "type" : "Boolean",
-            "desc" : "Overrides the config preservePanel option",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The panel that was removed"
-          }
-        ]
-      },
       {
         "name" : "removeListener",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "resizeTo",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
-        "sig" : "(newSize)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.BasicLayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "The new width or height",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setCollapsedTitle",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
-        "sig" : "(title)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setVisibilityEl",
         "type" : "function",
-        "desc" : "Shows this region if it was previously hidden.",
+        "desc" : "Set the element that will be used to show or hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "showPanel",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Shows the specified panel.",
-        "sig" : "(panelId)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "panelId",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "The shown panel, or null if a panel could not be found from panelId"
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "tooltipEl",
+        "type" : "function",
+        "desc" : "Fetch the element to display the tooltip on.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "defaults to this.el"
           }
         ]
       },
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "unhidePanel",
-        "type" : "function",
-        "desc" : "Unhides the tab for a previously hidden panel.",
-        "sig" : "(panel)",
-        "static" : false,
-        "memberOf" : "Roo.LayoutRegion",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "panel",
-            "type" : "Number/String/ContentPanel",
-            "desc" : "The panel's index, id or the panel itself",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.menu" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.menu.Item" : {
+  "Roo.bootstrap.nav.Sidebar" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "used on sidebars to highlight active itesm",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "favicon to show on left of menu item.",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "the link",
-        "memberOf" : ""
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "the menu label",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isContainer",
-        "type" : "Boolean",
-        "desc" : "is it a container - just returns a drop down item..",
-        "memberOf" : ""
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.bootsrap.Menu",
-        "desc" : "the child menu.",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "do not trigger A href on clicks (default false).",
-        "memberOf" : ""
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "beforetoggle",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "childrenrendered",
         "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when the children have been rendered..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.menu.Item",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.bootstrap.Component",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.form.Form",
       "Roo.bootstrap.Row",
       "Roo.bootstrap.Column",
-      "Roo.bootstrap.TabGroup"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.menu.Menu"
-    ]
-  },
-  "Roo.bootstrap.menu.Manager" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "Returns a {@link Roo.menu.Menu} object",
-        "sig" : "(menu)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "menu",
-            "type" : "String/Object",
-            "desc" : "The string menu id, an existing menu object reference, or a Menu config that will\nbe used to generate and return a new Menu instance.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hideAll",
-        "type" : "function",
-        "desc" : "Hides all menus that are currently visible",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      }
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.Link"
     ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.menu.Menu" : {
+  "Roo.bootstrap.nav.SidebarItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "default tl-bl? == below  - how the menu should be aligned.",
-        "memberOf" : ""
+        "name" : "active",
+        "type" : "Boolean",
+        "desc" : "Is item active",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "animateRef",
+        "type" : "Boolean",
+        "desc" : "e) link to element default fal",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "badge",
+        "type" : "String",
+        "desc" : "text inside badge",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "badgecls",
+        "type" : "String",
+        "desc" : "w)the extra classes for the bad",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : [
+          "bg-green",
+          "bg-red",
+          "bg-yellow"
+        ]
+      },
+      {
+        "name" : "button_outline",
+        "type" : "Boolean",
+        "desc" : "show and outlined button",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "button_weight",
+        "type" : "String",
+        "desc" : "k) default no",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : [
+          "default",
+          "primary",
+          "secondary",
+          "success",
+          "info",
+          "warning",
+          "danger",
+          "link",
+          "light",
+          "dark"
+        ]
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
-        "type" : "bool",
-        "desc" : "if the menu should be hidden when rendered.",
-        "memberOf" : ""
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "Is item disabled",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fa",
+        "type" : "String",
+        "desc" : "- Fontawsome icon name (can add stuff to it like fa-2x)",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "glyphicon",
+        "type" : "String",
+        "desc" : "DEPRICATED - use fa",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "hideTrigger",
-        "type" : "bool",
-        "desc" : "e)  default false - hide the carret for trigger.",
-        "memberOf" : ""
+        "name" : "href",
+        "type" : "String",
+        "desc" : "link to",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "isLink",
-        "type" : "bool",
-        "desc" : "e)  the menu has link disable auto expand and collaspe (default false)",
-        "memberOf" : ""
+        "name" : "html",
+        "type" : "String",
+        "desc" : "content of button",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "DEPRICATED - use fa",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "linkcls",
+        "type" : "String",
+        "desc" : "Link Class",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menu",
+        "type" : "Roo.bootstrap.menu.Menu",
+        "desc" : "a Menu",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "registerMenu",
+        "name" : "preventDefault",
         "type" : "Boolean",
-        "desc" : "True (default) - means that clicking on screen etc. hides it.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "stopEvent",
-        "type" : "bool",
-        "desc" : "e)  Stop event after trigger press (default true)",
-        "memberOf" : ""
+        "desc" : "e) default fal",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "tabId",
+        "type" : "String",
+        "desc" : "the tab that this item activates.",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "type",
+        "name" : "tagtype",
         "type" : "String",
-        "desc" : "u) type of menu",
-        "memberOf" : ""
+        "desc" : "n) render as a href or spa",
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isOptional" : false,
+        "optvals" : [
+          "a",
+          "span"
+        ]
+      },
+      {
+        "name" : "tooltip",
+        "type" : "string",
+        "desc" : "Text for the tooltip",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before this menu is hidden (return false to block)",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
       {
         "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires before this menu is displayed (return false to block)",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "changed",
+        "type" : "function",
+        "desc" : "Fires when the active item active state changes",
+        "sig" : "function (_self, state)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.bootstrap.nav.SidebarItem",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "state",
+            "type" : "boolean",
+            "desc" : "the new state",
+            "isOptional" : false
           }
         ],
         "returns" : []
       {
         "name" : "click",
         "type" : "function",
-        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
-        "sig" : "function (_self, menuItem, e)\n{\n\n}",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
-            "isOptional" : false
-          },
           {
             "name" : "e",
             "type" : "Roo.EventObject",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after this menu is hidden",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "itemclick",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when a menu item contained in this menu is clicked",
-        "sig" : "function (baseItem, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "baseItem",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "The BaseItem that was clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "scrollto",
         "type" : "function",
-        "desc" : "Fires when the mouse exits this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when scroll to element",
+        "sig" : "function (_self, options, e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.nav.Item",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.bootstrap.nav.Item",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mouseover",
-        "type" : "function",
-        "desc" : "Fires when the mouse is hovering over this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "name" : "options",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           },
             "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after this menu is displayed",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hides this menu and optionally all parent menus",
-        "sig" : "(deep)",
+        "desc" : "Hide a component - adds 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "deep",
-            "type" : "Boolean",
-            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         ],
         "returns" : []
       },
+      {
+        "name" : "setHtml",
+        "type" : "function",
+        "desc" : "Set the HTML (text content) of the item",
+        "sig" : "(html)",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Item",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "html",
+            "type" : "string",
+            "desc" : "content for the nav item",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisibilityEl",
         "type" : "function",
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Displays this menu relative to another element",
-        "sig" : "(element, position, parentMenu)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
-            "isOptional" : false
-          },
-          {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "showAt",
-        "type" : "function",
-        "desc" : "Displays this menu at a specific xy position",
-        "sig" : "(xyPosition, parentMenu)",
+        "desc" : "Show a component - removes 'hidden' class",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "xyPosition",
-            "type" : "Array",
-            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "desc" : "Fetch the element to display the tooltip on.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.nav.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.menu.Item"
-    ],
-    "tree_parent" : [
-      "none"
-    ]
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.menu.Separator" : {
+  "Roo.bootstrap.nav.Simplebar" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) alignme",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "arrangement",
+        "type" : "Boolean",
+        "desc" : "stacked | justified",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "can_build_overlaid",
         "type" : "Boolean",
         "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "container_method",
         "type" : "string",
         "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataId",
         "type" : "string",
         "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inverse",
+        "type" : "Boolean",
+        "desc" : "is inverted color",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) loadMask on the b",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "main",
+        "type" : "Boolean",
+        "desc" : "e) main nav bar? default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
       },
       {
         "name" : "name",
         "type" : "string",
         "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "style",
         "type" : "String",
         "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tag",
+        "type" : "String",
+        "desc" : "v) default is n",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "header",
+          "footer",
+          "nav",
+          "div"
+        ]
       },
       {
         "name" : "tooltip",
         "type" : "string",
         "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "type",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "nav",
+          "pills",
+          "tabs"
+        ]
       },
       {
         "name" : "visibilityEl",
         "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "t) What element to use for visibility (@see getVisibilityEl(",
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "el",
+          "parent"
+        ]
+      },
+      {
+        "name" : "weight",
+        "type" : "String",
+        "desc" : "e) default is ligh",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "light",
+          "primary",
+          "secondary",
+          "success",
+          "danger",
+          "warning",
+          "info",
+          "dark",
+          "white"
+        ]
       },
       {
         "name" : "xattr",
         "type" : "Object",
         "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.bootstrap.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "beforetoggle",
+        "type" : "function",
+        "desc" : "Fire before toggle the menu",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "childrenrendered",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapse the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expand the navbar pulldown",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : [
-      "Roo.bootstrap.menu.Menu"
-    ]
+    "implementations" : [
+      "Roo.bootstrap.PagingToolbar",
+      "Roo.bootstrap.PopoverNav",
+      "Roo.bootstrap.form.HtmlEditorToolbar.Standard",
+      "Roo.bootstrap.nav.Headerbar"
+    ],
+    "tree_children" : [
+      "Roo.bootstrap.nav.Group",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.Link"
+    ],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.nav" : {
+  "Roo.bootstrap.panel" : {
     "props" : [],
     "events" : [],
     "methods" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.nav.Bar" : {
+  "Roo.bootstrap.panel.Content" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "name" : "adjustments",
+        "type" : "Array",
+        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "background",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "badges",
+        "type" : "Boolean",
+        "desc" : "render the badges",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closable",
+        "type" : "Boolean",
+        "desc" : "True if the panel can be closed/removed",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "extra classes to use",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "content",
+        "type" : "String",
+        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "fitContainer",
+        "type" : "Boolean",
+        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "fitToFrame",
+        "type" : "Boolean",
+        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "name" : "iframe",
+        "type" : "Boolean",
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "loadOnce",
+        "type" : "Boolean",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "params",
+        "type" : "String/Object",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "region",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "(center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "resizeEl",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "toolbar",
+        "type" : "Toolbar",
+        "desc" : "A toolbar for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "Calls {@link #setUrl} with this value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when this tab is created",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this panel is resized if fitToFrame is true.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width after any component adjustments",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The height after any component adjustments",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "scroll",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this content is scrolled",
+        "sig" : "function (_self, scrollEvent)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "scrollEvent",
+            "type" : "Event",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expand the navbar pulldown",
+        "desc" : "Destroys this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
+        "sig" : "(cfg)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
             "isOptional" : false
           }
         ],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns this panel's element - used by regiosn to add.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Returns this panel's id",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getTitle",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns this panel's title",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getToolbar",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the toolbar for this Panel if one was configured.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Roo.Toolbar",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
+          }
+        ]
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
+        "name" : "isClosable",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Returns true is this panel was configured to be closable",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "isVisible",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Updates this panel's element (not for iframe)",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The new content",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Set this panel's title",
+        "sig" : "(title)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "title",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.UpdateManager|Boolean",
+            "desc" : "The UpdateManager or false if IFRAME"
           }
         ]
       },
         "returns" : []
       }
     ],
-    "isAbstract" : true,
+    "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
+      "Roo.bootstrap.panel.Grid",
+      "Roo.bootstrap.panel.Nest"
+    ],
+    "tree_children" : [
+      "Roo.bootstrap.Alert",
+      "Roo.bootstrap.BezierSignature",
+      "Roo.bootstrap.Brick",
+      "Roo.bootstrap.Button",
+      "Roo.bootstrap.ButtonGroup",
+      "Roo.bootstrap.ButtonUploader",
+      "Roo.bootstrap.Calendar",
+      "Roo.bootstrap.Card",
+      "Roo.bootstrap.Column",
+      "Roo.bootstrap.DocumentManager",
+      "Roo.bootstrap.DocumentSlider",
+      "Roo.bootstrap.DocumentViewer",
+      "Roo.bootstrap.DropTarget",
+      "Roo.bootstrap.Element",
+      "Roo.bootstrap.Graph",
+      "Roo.bootstrap.Header",
+      "Roo.bootstrap.Img",
+      "Roo.bootstrap.LayoutMasonry",
+      "Roo.bootstrap.LayoutMasonryAuto",
+      "Roo.bootstrap.Link",
+      "Roo.bootstrap.LocationPicker",
+      "Roo.bootstrap.MasonryBrick",
+      "Roo.bootstrap.MessageBar",
+      "Roo.bootstrap.Pagination",
+      "Roo.bootstrap.PaginationItem",
       "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.PopoverNav",
-      "Roo.bootstrap.form.HtmlEditorToolbarStandard",
+      "Roo.bootstrap.Progress",
+      "Roo.bootstrap.ProgressBar",
+      "Roo.bootstrap.Row",
+      "Roo.bootstrap.Slider",
+      "Roo.bootstrap.TabGroup",
+      "Roo.bootstrap.TabPanel",
+      "Roo.bootstrap.Table",
+      "Roo.bootstrap.UploadCropbox",
+      "Roo.bootstrap.breadcrumb.Nav",
+      "Roo.bootstrap.dash.NumberBox",
+      "Roo.bootstrap.dash.TabBox",
+      "Roo.bootstrap.dash.TabPane",
+      "Roo.bootstrap.form.CardUploader",
+      "Roo.bootstrap.form.CheckBox",
+      "Roo.bootstrap.form.ComboBox",
+      "Roo.bootstrap.form.DateField",
+      "Roo.bootstrap.form.DateSplitField",
+      "Roo.bootstrap.form.FieldLabel",
+      "Roo.bootstrap.form.Form",
+      "Roo.bootstrap.form.HtmlEditor",
+      "Roo.bootstrap.form.Input",
+      "Roo.bootstrap.form.Markdown",
+      "Roo.bootstrap.form.MoneyField",
+      "Roo.bootstrap.form.MonthField",
+      "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
+      "Roo.bootstrap.form.PhoneInput",
+      "Roo.bootstrap.form.Radio",
+      "Roo.bootstrap.form.RadioSet",
+      "Roo.bootstrap.form.SecurePass",
+      "Roo.bootstrap.form.TextArea",
+      "Roo.bootstrap.form.TimeField",
+      "Roo.bootstrap.form.TriggerField",
+      "Roo.bootstrap.nav.Group",
       "Roo.bootstrap.nav.Headerbar",
+      "Roo.bootstrap.nav.ProgressBar",
+      "Roo.bootstrap.nav.ProgressBarItem",
       "Roo.bootstrap.nav.Sidebar",
+      "Roo.bootstrap.nav.SidebarItem",
       "Roo.bootstrap.nav.Simplebar"
     ],
-    "tree_children" : [],
-    "tree_parent" : []
+    "tree_parent" : [
+      "builder",
+      "Roo.bootstrap.layout.Border"
+    ]
   },
-  "Roo.bootstrap.nav.Group" : {
+  "Roo.bootstrap.panel.Grid" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "name" : "adjustments",
+        "type" : "Array",
+        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t)",
-        "memberOf" : ""
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "background",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "badges",
+        "type" : "Boolean",
+        "desc" : "render the badges",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closable",
+        "type" : "Boolean",
+        "desc" : "True if the panel can be closed/removed",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "extra classes to use",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "content",
+        "type" : "String",
+        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "fitContainer",
+        "type" : "Boolean",
+        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "fitToFrame",
+        "type" : "Boolean",
+        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "name" : "grid",
+        "type" : "Roo.bootstrap.Table",
+        "desc" : "The grid for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inverse",
+        "name" : "iframe",
         "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "navId",
-        "type" : "String",
-        "desc" : "- reference Id for navbar.",
-        "memberOf" : ""
+        "name" : "loadOnce",
+        "type" : "Boolean",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "pilltype",
-        "type" : "Boolean",
-        "desc" : "default true (turn to off to disable active toggle)",
-        "memberOf" : ""
+        "name" : "params",
+        "type" : "String/Object",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "region",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "(center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "resizeEl",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "type",
+        "name" : "title",
         "type" : "String",
-        "desc" : "b) default nav",
-        "memberOf" : ""
+        "desc" : "The title for this panel",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "toolbar",
+        "type" : "Roo.bootstrap.nav.Simplebar",
+        "desc" : "the toolbar at the top of the grid.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "url",
+        "type" : "String",
+        "desc" : "Calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires when this tab is created",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "changed",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires when the active item changes",
-        "sig" : "function (_self, selected, prev)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this panel is resized if fitToFrame is true.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.nav.Group",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "selected",
-            "type" : "Roo.bootstrap.Navbar.Item",
-            "desc" : "The item selected",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width after any component adjustments",
             "isOptional" : false
           },
           {
-            "name" : "prev",
-            "type" : "Roo.bootstrap.Navbar.Item",
-            "desc" : "The previously selected item",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The height after any component adjustments",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "scroll",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this content is scrolled",
+        "sig" : "function (_self, scrollEvent)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "scrollEvent",
+            "type" : "Event",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "addItem",
-        "type" : "function",
-        "desc" : "adds a Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.nav.Item",
-            "desc" : "navitem to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "addListener",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "clearAll",
-        "type" : "function",
-        "desc" : "clear all the Navigation item",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Destroys this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
+        "sig" : "(cfg)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "get",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "fetch a Navigation Group based on the navigation ID",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Returns this panel's element - used by regiosn to add.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "the",
-            "type" : "string",
-            "desc" : "navgroup to add",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "getActive",
+        "name" : "getGrid",
         "type" : "function",
-        "desc" : "gets the active Navigation item",
+        "desc" : "Returns the grid for this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.bootstrap.nav.Item",
-            "desc" : "the current navitem"
+            "type" : "Roo.bootstrap.Table",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Returns this panel's id",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getTitle",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns this panel's title",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getToolbar",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the toolbar for this Panel if one was configured.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Roo.Toolbar",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
+          }
+        ]
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
+        "name" : "isClosable",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Returns true is this panel was configured to be closable",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "isVisible",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "register",
+        "name" : "refresh",
         "type" : "function",
-        "desc" : "register a Navigation item",
-        "sig" : "(the)",
+        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.nav.Item",
-            "desc" : "navitem to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "register",
-        "type" : "function",
-        "desc" : "register a Navigation Group",
-        "sig" : "(the)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "the",
-            "type" : "Roo.bootstrap.nav.Group",
-            "desc" : "navgroup to add",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Updates this panel's element (not for iframe)",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The new content",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setActiveItem",
-        "type" : "function",
-        "desc" : "sets the active Navigation item",
-        "sig" : "(the)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "the",
-            "type" : "Roo.bootstrap.nav.Item",
-            "desc" : "new current navitem",
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Set this panel's title",
+        "sig" : "(title)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "title",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.UpdateManager|Boolean",
+            "desc" : "The UpdateManager or false if IFRAME"
           }
         ]
       },
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.nav.Item",
-      "Roo.bootstrap.nav.SidebarItem"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.nav.Headerbar" : {
+  "Roo.bootstrap.panel.Nest" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "name" : "adjustments",
+        "type" : "Array",
+        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "arrangement",
+        "name" : "background",
         "type" : "Boolean",
-        "desc" : "stacked | justified",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autohide",
+        "name" : "badges",
         "type" : "Boolean",
-        "desc" : "a top nav bar header that hides on scroll.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "brand",
-        "type" : "String",
-        "desc" : "what is brand",
-        "memberOf" : ""
-      },
-      {
-        "name" : "brand_href",
-        "type" : "String",
-        "desc" : "href of the brand",
-        "memberOf" : ""
+        "desc" : "render the badges",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "can_build_overlaid",
+        "name" : "closable",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "True if the panel can be closed/removed",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "desktopCenter",
-        "type" : "Boolean",
-        "desc" : "should the header be centered on desktop using a container class",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "desc" : "extra classes to use",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "content",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inverse",
+        "name" : "fitContainer",
         "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadMask",
+        "name" : "fitToFrame",
         "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "main",
+        "name" : "iframe",
         "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
-      },
-      {
-        "name" : "mobilerow",
-        "type" : "Roo.bootstrap.Row",
-        "desc" : "- a row to display on mobile only..",
-        "memberOf" : ""
+        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "layout",
+        "type" : "Roo.layout.Border",
+        "desc" : "The layout for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "position",
-        "type" : "String",
-        "desc" : "p) position",
-        "memberOf" : ""
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "srButton",
+        "name" : "loadOnce",
         "type" : "Boolean",
-        "desc" : "generate the (screen reader / mobile) sr-only button   default true",
-        "memberOf" : ""
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "params",
+        "type" : "String/Object",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tag",
+        "name" : "region",
         "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "(center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "resizeEl",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "type",
+        "name" : "title",
         "type" : "String",
-        "desc" : "s)",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
+        "desc" : "The title for this panel",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "toolbar",
+        "type" : "Toolbar",
+        "desc" : "A toolbar for this panel",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "weight",
+        "name" : "url",
         "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : "Roo.bootstrap.nav.Simplebar"
-      },
-      {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when this tab is created",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this panel is resized if fitToFrame is true.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width after any component adjustments",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The height after any component adjustments",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "scroll",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this content is scrolled",
+        "sig" : "function (_self, scrollEvent)\n{\n\n}",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.ContentPanel",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "scrollEvent",
+            "type" : "Event",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "addxtype",
+        "type" : "function",
+        "desc" : "Adds a xtype elements to the layout of the nested panel\n<pre><code>\n\npanel.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\npanel.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
+        "sig" : "(cfg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Destroys this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "getChildContainer",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
+        "sig" : "(cfg)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Expand the navbar pulldown",
+        "desc" : "Returns this panel's element - used by regiosn to add.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Returns this panel's id",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getLayout",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Returns the nested BorderLayout for this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.layout.Border",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getTitle",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns this panel's title",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getToolbar",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the toolbar for this Panel if one was configured.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Roo.Toolbar",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
+          }
+        ]
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
+        "name" : "isClosable",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Returns true is this panel was configured to be closable",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "isVisible",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.ContentPanel",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.bootstrap.panel.Content",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Updates this panel's element (not for iframe)",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The new content",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Set this panel's title",
+        "sig" : "(title)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "title",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.bootstrap.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.UpdateManager|Boolean",
+            "desc" : "The UpdateManager or false if IFRAME"
           }
         ]
       },
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.Link"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.nav.Item" : {
+  "Roo.bootstrap.panel.TabItem" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "Is item active",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
       {
-        "name" : "animateRef",
-        "type" : "Boolean",
-        "desc" : "e) link to element default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "badge",
-        "type" : "String",
-        "desc" : "text inside badge",
-        "memberOf" : ""
-      },
-      {
-        "name" : "badgecls",
-        "type" : "String",
-        "desc" : "w)the extra classes for the badge",
-        "memberOf" : ""
-      },
-      {
-        "name" : "button_outline",
-        "type" : "Boolean",
-        "desc" : "show and outlined button",
-        "memberOf" : ""
-      },
-      {
-        "name" : "button_weight",
-        "type" : "String",
-        "desc" : "k) default none",
-        "memberOf" : ""
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "Is item disabled",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "- Fontawsome icon name (can add stuff to it like fa-2x)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "glyphicon",
-        "type" : "String",
-        "desc" : "DEPRICATED - use fa",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "link to",
-        "memberOf" : ""
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of button",
-        "memberOf" : ""
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "DEPRICATED - use fa",
-        "memberOf" : ""
-      },
-      {
-        "name" : "linkcls",
-        "type" : "String",
-        "desc" : "Link Class",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.bootstrap.menu.Menu",
-        "desc" : "a Menu",
-        "memberOf" : ""
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "preventDefault",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tabId",
-        "type" : "String",
-        "desc" : "the tab that this item activates.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tagtype",
-        "type" : "String",
-        "desc" : "n) render as a href or span?",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "changed",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires when the active item active state changes",
-        "sig" : "function (_self, state)\n{\n\n}",
+        "desc" : "Fires when this tab becomes the active tab.",
+        "sig" : "function (tabPanel, _self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.nav.Item",
-            "desc" : "",
+            "name" : "tabPanel",
+            "type" : "Roo.TabPanel",
+            "desc" : "The parent TabPanel",
             "isOptional" : false
           },
-          {
-            "name" : "state",
-            "type" : "boolean",
-            "desc" : "the new state",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.Component",
+            "type" : "Roo.TabPanelItem",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "beforeclose",
         "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "Fires before this tab is closed. To cancel the close, set cancel to true on e (e.cancel = true).",
+        "sig" : "function (_self, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.TabPanelItem",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "Set cancel to true on this object to cancel the close.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "close",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires when this tab is closed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.TabPanelItem",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this tab is no longer the active tab.",
+        "sig" : "function (tabPanel, _self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "tabPanel",
+            "type" : "Roo.TabPanel",
+            "desc" : "The parent TabPanel",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.TabPanelItem",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "scrollto",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires when scroll to element",
-        "sig" : "function (_self, options, e)\n{\n\n}",
+        "desc" : "Activates this TabPanelItem -- this <b>does</b> deactivate the currently active TabPanelItem.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.bootstrap.nav.Item",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Disables this TabPanelItem -- this does nothing if this is the active TabPanelItem.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Enables this TabPanelItem if it was previously disabled.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "getChildContainer",
-        "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
-      },
-      {
-        "name" : "getEl",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the text for this tab",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Gets the {@link Roo.UpdateManager} for the body of this TabPanelItem. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
-      {
-        "name" : "getVisibilityEl",
-        "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "hasListener",
         "type" : "function",
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
+        "desc" : "Hides this TabPanelItem -- if you don't activate another TabPanelItem this could look odd.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "initEvents",
+        "name" : "isActive",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Returns true if this tab is the active tab.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "isVisible",
+        "name" : "isHidden",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Returns true if this tab is \"hidden\"",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Forces a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the setUrl method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Sets the content for this TabPanelItem.",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The content",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "true to look for and load scripts",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setHidden",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Show or hide the tab",
+        "sig" : "(hidden)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
+            "name" : "hidden",
             "type" : "Boolean",
-            "desc" : "",
+            "desc" : "True to hide or false to show.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setHtml",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Set the HTML (text content) of the item",
-        "sig" : "(html)",
+        "desc" : "Sets the text for the tab (Note: this also sets the tooltip text)",
+        "sig" : "(text)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "string",
-            "desc" : "content for the nav item",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The tab's text and tooltip",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "setTooltip",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Set the tooltip for the tab.",
+        "sig" : "(tooltip)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "tooltip",
+            "type" : "String",
+            "desc" : "The tab's tooltip",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Set a URL to be used to load the content for this TabPanelItem.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from, or a function to call to get the URL",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this TabPanelItem is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
+        "desc" : "Shows this TabPanelItem -- this <b>does not</b> deactivate the currently active TabPanelItem.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "un",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.nav.SidebarItem"
-    ],
-    "tree_children" : [
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.form.CardUploader"
-    ],
-    "tree_parent" : [
-      "Roo.bootstrap.nav.Group"
-    ]
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.nav.ProgressBar" : {
+  "Roo.bootstrap.panel.Tabs" : {
     "props" : [
-      {
-        "name" : "NavProgressBar:bullets[]",
-        "type" : "Roo.bootstrap.nav.ProgressItem",
-        "desc" : "Bullets for the Nav Progress bar for the toolbar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
+        "name" : "beforetabchange",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before the active tab changes, set cancel to true on the \"e\" parameter to cancel the change",
+        "sig" : "function (_self, e, tab)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.TabPanel",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "Set cancel to true on this object to cancel the tab change",
+            "isOptional" : false
+          },
+          {
+            "name" : "tab",
+            "type" : "Roo.TabPanelItem",
+            "desc" : "The tab being changed to",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "tabchange",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the active tab changes",
+        "sig" : "function (_self, activePanel)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.TabPanel",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "activePanel",
+            "type" : "Roo.TabPanelItem",
+            "desc" : "The new active tab",
+            "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "beforerender",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Activates a {@link Roo.TabPanelItem}. The currently active one will be deactivated.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to activate.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.TabPanelItem",
+            "desc" : "The TabPanelItem."
+          }
+        ]
       },
       {
-        "name" : "beforeshow",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "changed",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires when the active item changes",
-        "sig" : "function (_self, selected, prev)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.nav.ProgressBar",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "selected",
-            "type" : "Roo.bootstrap.nav.ProgressItem",
-            "desc" : "The item selected",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "prev",
-            "type" : "Roo.bootstrap.nav.ProgressItem",
-            "desc" : "The previously selected item",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "addTab",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Creates a new {@link Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.",
+        "sig" : "(id, text, content, closable)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the div to use <b>or create</b>",
+            "isOptional" : false
+          },
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text for the tab",
+            "isOptional" : false
+          },
+          {
+            "name" : "content",
+            "type" : "String",
+            "desc" : "(optional) Content to put in the TabPanelItem body",
+            "isOptional" : false
+          },
+          {
+            "name" : "closable",
+            "type" : "Boolean",
+            "desc" : "(optional) True to create a close icon on the tab",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.TabPanelItem",
+            "desc" : "The created TabPanelItem"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "addTabItem",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Adds an existing {@link Roo.TabPanelItem}.",
+        "sig" : "(item)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "item",
+            "type" : "Roo.TabPanelItem",
+            "desc" : "The TabPanelItem to add",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "autoSizeTabs",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Manual call to resize the tabs (if {@link #resizeTabs} is false this does nothing)",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "beginUpdate",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Disables tab resizing while tabs are being added (if {@link #resizeTabs} is false this does nothing)",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Destroys this TabPanel",
+        "sig" : "(removeEl)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "(optional) True to remove the element from the DOM as well (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "disableTab",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Disables a {@link Roo.TabPanelItem}. It cannot be the active tab, if it is this call is ignored.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to disable.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "enableTab",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Enables a {@link Roo.TabPanelItem} that is disabled.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to enable.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "endUpdate",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Stops an update and resizes the tabs (if {@link #resizeTabs} is false this does nothing)",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "getChildContainer",
+        "name" : "getActiveTab",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
+        "desc" : "Gets the active {@link Roo.TabPanelItem}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.TabPanelItem",
+            "desc" : "The active TabPanelItem or null if none are active."
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the number of tabs in this TabPanel.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getTab",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the {@link Roo.TabPanelItem} with the specified id/index",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to fetch.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Roo.TabPanelItem",
             "desc" : ""
           }
         ]
       },
-      {
-        "name" : "getVisibilityEl",
-        "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "hasListener",
         "type" : "function",
         ]
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isVisible",
+        "name" : "hideTab",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Hides the {@link Roo.TabPanelItem} with the specified id/index",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to hide.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "removeTab",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Removes a {@link Roo.TabPanelItem}.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to remove.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setTabWidth",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Resizes all the tabs to the passed width",
+        "sig" : "(The)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "The",
+            "type" : "Number",
+            "desc" : "new width",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "syncHeight",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Updates the tab body element to fit the height of the container element\nfor overflow scrolling",
+        "sig" : "(targetHeight)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "targetHeight",
+            "type" : "Number",
+            "desc" : "(optional) Override the starting height from the elements height",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "unhideTab",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "\"Unhides\" the {@link Roo.TabPanelItem} with the specified id/index.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to unhide.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.ArrayReader" : {
+    "props" : [
+      {
+        "name" : "fields",
+        "type" : "Array",
+        "desc" : "Array of field definition objects",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltipEl",
+        "name" : "id",
+        "type" : "String",
+        "desc" : "Name of the property within a row object that contains a record identifier value.\nas specified to {@link Roo.data.Record#create},\nor an {@link Roo.data.Record} object\n\n\ncreated using {@link Roo.data.Record#create}.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "newRow",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Create an empty record",
+        "sig" : "(data)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.data.DataReader",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "(optional) - overlay some values",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Roo.data.Record",
+            "desc" : "record created."
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "readRecords",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Create a data block containing Roo.data.Records from an XML document.",
+        "sig" : "(o)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "o",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "An Array of row objects which represents the dataset.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "A data block which is used by an {@link Roo.data.Store} object as\na cache of Roo.data.Records."
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.nav.ProgressBarItem"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.nav.ProgressBarItem" : {
+  "Roo.data.Connection" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "e) Is item active default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "can_build_overlaid",
+        "name" : "autoAbort",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Whether this request should abort any pending requests. (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "defaultHeaders",
+        "type" : "Object",
+        "desc" : "An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
+        "name" : "disableCaching",
         "type" : "Boolean",
-        "desc" : "e) Is item active default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "",
-        "memberOf" : ""
+        "desc" : "True to add a unique cache-buster param to GET requests. (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "show icon instead of number",
-        "memberOf" : ""
+        "name" : "extraParams",
+        "type" : "Object",
+        "desc" : "An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "position",
+        "name" : "method",
         "type" : "String",
-        "desc" : "m) text position default bottom",
-        "memberOf" : ""
+        "desc" : "The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "rid",
-        "type" : "String",
-        "desc" : "the reference id",
-        "memberOf" : ""
+        "name" : "timeout",
+        "type" : "Number",
+        "desc" : "The timeout in milliseconds to be used for requests. (defaults to 30000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "url",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "The default URL to be used for requests to the server. (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
+        "name" : "beforerequest",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before a network request is made to retrieve a data object.",
+        "sig" : "function (conn, options)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "conn",
+            "type" : "Connection",
+            "desc" : "This Connection object.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The options config object passed to the {@link #request} method.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "requestcomplete",
         "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires if the request was successfully completed.",
+        "sig" : "function (conn, response, options)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.nav.ProgressBarItem",
-            "desc" : "",
+            "name" : "conn",
+            "type" : "Connection",
+            "desc" : "This Connection object.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "response",
+            "type" : "Object",
+            "desc" : "The XHR object containing the response data.\nSee {@link http://www.w3.org/TR/XMLHttpRequest/} for details.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The options config object passed to the {@link #request} method.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "requestexception",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires if an error HTTP status was returned from the server.\nSee {@link http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html} for details of HTTP status codes.",
+        "sig" : "function (conn, response, options)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "conn",
+            "type" : "Connection",
+            "desc" : "This Connection object.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "response",
+            "type" : "Object",
+            "desc" : "The XHR object containing the response data.\nSee {@link http://www.w3.org/TR/XMLHttpRequest/} for details.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The options config object passed to the {@link #request} method.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "render",
+        "name" : "abort",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Aborts any outstanding request.",
+        "sig" : "(transactionId)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "transactionId",
+            "type" : "Number",
+            "desc" : "defaults to the last transaction",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "isLoading",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Determine whether this object has a request outstanding.",
+        "sig" : "(transactionId)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "transactionId",
+            "type" : "Number",
+            "desc" : "defaults to the last transaction",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Boolean",
+            "desc" : "True if there is an outstanding request."
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "request",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sends an HTTP request to a remote server.",
+        "sig" : "(options)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "An object which may contain the following properties:<ul>\n<li><b>url</b> {String}  The URL to which to send the request. Defaults to configured URL</li>\n<li><b>params</b> {Object/String/Function}  An object containing properties which are used as parameters to the\nrequest, a url encoded string or a function to call to get either.</li>\n<li><b>method</b> {String}  The HTTP method to use for the request. Defaults to the configured method, or\nif no method was configured, \"GET\" if no parameters are being sent, and \"POST\" if parameters are being sent.</li>\n<li><b>callback</b> {Function}  The function to be called upon receipt of the HTTP response.\nThe callback is called regardless of success or failure and is passed the following parameters:<ul>\n<li>options {Object} The parameter to the request call.</li>\n<li>success {Boolean} True if the request succeeded.</li>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n</ul></li>\n<li><b>success</b> {Function}  The function to be called upon success of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>failure</b> {Function}  The function to be called upon failure of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>scope</b> {Object}  The scope in which to execute the callbacks: The \"this\" object\nfor the callback function. Defaults to the browser window.</li>\n<li><b>form</b> {Object/String}  A form object or id to pull parameters from.</li>\n<li><b>isUpload</b> {Boolean}  True if the form object is a file upload (will usually be automatically detected).</li>\n<li><b>headers</b> {Object}  Request headers to set for the request.</li>\n<li><b>xmlData</b> {Object}  XML document to use for the post. Note: This will be used instead of\nparams for the post data. Any params will be appended to the URL.</li>\n<li><b>disableCaching</b> {Boolean}  True to add a unique cache-buster param to GET requests.</li>\n</ul>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "transactionId"
+          }
+        ]
       },
       {
-        "name" : "initEvents",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.Ajax"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.DataProxy" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforeload",
+        "type" : "function",
+        "desc" : "Fires before a network request is made to retrieve a data object.",
+        "sig" : "function (This, params)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "Object",
+            "desc" : "The params parameter to the load function.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires before the load method's callback is called.",
+        "sig" : "function (This, o, arg)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The data object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "The callback argument object passed to the load function.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "loadexception",
+        "type" : "function",
+        "desc" : "Fires if an Exception occurs during data retrieval.",
+        "sig" : "function (This, o, arg, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The data object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "The callback argument object passed to the load function.",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The Exception.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "desc" : "Appends an event handler to this component",
         "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
         "static" : true,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
           {
             "name" : "o",
             "type" : "Observable",
-            "desc" : "The Observable to release",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "tooltipEl",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "un",
         "returns" : []
       }
     ],
-    "isAbstract" : false,
+    "isAbstract" : true,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.data.HttpProxy",
+      "Roo.data.MemoryProxy"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.nav.Sidebar" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
+  "Roo.data.DataReader" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
+        "name" : "newRow",
+        "type" : "function",
+        "desc" : "Create an empty record",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "(optional) - overlay some values",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record",
+            "desc" : "record created."
+          }
+        ]
+      }
+    ],
+    "isAbstract" : true,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.data.ArrayReader",
+      "Roo.data.JsonReader",
+      "Roo.data.XmlReader"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.HttpProxy" : {
+    "props" : [
       {
-        "name" : "can_build_overlaid",
+        "name" : "autoAbort",
         "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "Whether this request should abort any pending requests. (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "defaultHeaders",
+        "type" : "Object",
+        "desc" : "An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "disableCaching",
+        "type" : "Boolean",
+        "desc" : "True to add a unique cache-buster param to GET requests. (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "name" : "extraParams",
+        "type" : "Object",
+        "desc" : "An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
+        "name" : "method",
         "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "T)  The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GE",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "GET",
+          "POST"
+        ]
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "timeout",
+        "type" : "Number",
+        "desc" : "The timeout in milliseconds to be used for requests. (defaults to 30000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The default URL to be used for requests to the server. (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
+        "name" : "beforeload",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before a network request is made to retrieve a data object.",
+        "sig" : "function (This, params)\n{\n\n}",
+        "memberOf" : "Roo.data.DataProxy",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforetoggle",
-        "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "params",
+            "type" : "Object",
+            "desc" : "The params parameter to the load function.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Fires before the load method's callback is called.",
+        "sig" : "function (This, o, arg)\n{\n\n}",
+        "memberOf" : "Roo.data.DataProxy",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The data object.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "The callback argument object passed to the load function.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "loadexception",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires if an Exception occurs during data retrieval.",
+        "sig" : "function (This, o, arg, e)\n{\n\n}",
+        "memberOf" : "Roo.data.DataProxy",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The data object.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "The callback argument object passed to the load function.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The Exception.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "getConnection",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Return the {@link Roo.data.Connection} object being used by this Proxy.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Connection",
+            "desc" : "The Connection object. This object may be used to subscribe to events on\na finer-grained basis than the DataProxy events."
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "expand",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Expand the navbar pulldown",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Load data from the configured {@link Roo.data.Connection}, read the data object into\na block of Roo.data.Records using the passed {@link Roo.data.DataReader} implementation, and\nprocess that block using the passed callback.",
+        "sig" : "(params, reader, callback, scope, arg)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "params",
+            "type" : "Object",
+            "desc" : "An object containing properties which are to be used as HTTP parameters\nfor the request to the remote server.",
+            "isOptional" : false
+          },
+          {
+            "name" : "reader",
+            "type" : "Roo.data.DataReader",
+            "desc" : "The Reader object which converts the data\nobject into a block of Roo.data.Records.",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "The function into which to pass the block of Roo.data.Records.\nThe function must be passed <ul>\n<li>The Record block object</li>\n<li>The \"arg\" argument from the load function</li>\n<li>A boolean success indicator</li>\n</ul>",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "The scope in which to call the callback",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "An optional argument which is passed to the callback as its second parameter.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getChildContainer",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getVisibilityEl",
-        "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "params" : [
           {
             "name" : "eventName",
             "type" : "String",
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Removes a listener",
+        "desc" : "Removes a listener (shorthand for removeListener)",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.JsonReader" : {
+    "props" : [
+      {
+        "name" : "fields",
+        "type" : "Array",
+        "desc" : "Array of field definition objects",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "id",
+        "type" : "String",
+        "desc" : "Name of the property within a row object that contains a record identifier value.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "root",
+        "type" : "String",
+        "desc" : "name of the property which contains the Array of row objects.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "successProperty",
+        "type" : "String",
+        "desc" : "Name of the property from which to retrieve the success attribute used by forms.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "totalProperty",
+        "type" : "String",
+        "desc" : "Name of the property from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "newRow",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Create an empty record",
+        "sig" : "(data)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.DataReader",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "(optional) - overlay some values",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.data.Record",
+            "desc" : "record created."
           }
         ]
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "tooltipEl",
+        "name" : "read",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "This method is only used by a DataProxy which has retrieved data from a remote server.",
+        "sig" : "(response)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "response",
+            "type" : "Object",
+            "desc" : "The XHR object which contains the JSON data in its responseText.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "Object",
+            "desc" : "data A data block which is used by an Roo.data.Store object as\na cache of Roo.data.Records."
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "readRecords",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Create a data block containing Roo.data.Records from an XML document.",
+        "sig" : "(o)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "o",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "An object which contains an Array of row objects in the property specified\nin the config as 'root, and optionally a property, specified in the config as 'totalProperty'\nwhich contains the total size of the dataset.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "data A data block which is used by an Roo.data.Store object as\na cache of Roo.data.Records."
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.Link"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.bootstrap.nav.SidebarItem" : {
+  "Roo.data.JsonStore" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "active",
-        "type" : "Boolean",
-        "desc" : "Is item active",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "animateRef",
-        "type" : "Boolean",
-        "desc" : "e) link to element default false",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "badge",
-        "type" : "String",
-        "desc" : "text inside badge",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "badgecls",
-        "type" : "String",
-        "desc" : "w)the extra classes for the badge",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "button_outline",
-        "type" : "Boolean",
-        "desc" : "show and outlined button",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "button_weight",
-        "type" : "String",
-        "desc" : "k) default none",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "Is item disabled",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "fa",
-        "type" : "String",
-        "desc" : "- Fontawsome icon name (can add stuff to it like fa-2x)",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "glyphicon",
-        "type" : "String",
-        "desc" : "DEPRICATED - use fa",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "href",
-        "type" : "String",
-        "desc" : "link to",
-        "memberOf" : "Roo.bootstrap.nav.Item"
+        "name" : "baseParams",
+        "type" : "Object",
+        "desc" : "An object containing properties which are to be sent as parameters\non any HTTP request",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "content of button",
-        "memberOf" : "Roo.bootstrap.nav.Item"
+        "name" : "data",
+        "type" : "Array",
+        "desc" : "Inline data to be loaded when the store is initialized.",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "DEPRICATED - use fa",
-        "memberOf" : "Roo.bootstrap.nav.Item"
+        "name" : "fields",
+        "type" : "Array",
+        "desc" : "An array of field definition objects, or field name strings.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "linkcls",
-        "type" : "String",
-        "desc" : "Link Class",
-        "memberOf" : "Roo.bootstrap.nav.Item"
+        "name" : "isLocal",
+        "type" : "boolean",
+        "desc" : "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.bootstrap.menu.Menu",
-        "desc" : "a Menu",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "preventDefault",
+        "name" : "multiSort",
         "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.bootstrap.nav.Item"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabId",
-        "type" : "String",
-        "desc" : "the tab that this item activates.",
-        "memberOf" : "Roo.bootstrap.nav.Item"
+        "name" : "proxy",
+        "type" : "Roo.data.DataProxy",
+        "desc" : "The Proxy object which provides access to a data object.",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tagtype",
-        "type" : "String",
-        "desc" : "n) render as a href or span?",
-        "memberOf" : "Roo.bootstrap.nav.Item"
+        "name" : "pruneModifiedRecords",
+        "type" : "boolean",
+        "desc" : "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "reader",
+        "type" : "Roo.data.DataReader",
+        "desc" : "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "name" : "remoteSort",
+        "type" : "boolean",
+        "desc" : "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "xattr",
+        "name" : "sortInfo",
         "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
+        "desc" : "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when Records have been added to the Store",
+        "sig" : "function (_self, records, index)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The array of Records added",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index at which the record(s) were added",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "beforeload",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled.",
+        "sig" : "function (_self, options)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "changed",
+        "name" : "beforeloadadd",
         "type" : "function",
-        "desc" : "Fires when the active item active state changes",
-        "sig" : "function (_self, state)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after a new set of Records has been loaded.",
+        "sig" : "function (_self, records, options)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.nav.SidebarItem",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "state",
-            "type" : "boolean",
-            "desc" : "the new state",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The Records that were loaded",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "childrenrendered",
-        "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "clear",
         "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when the data cache has been cleared.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "datachanged",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires after a new set of Records has been loaded, before they are added to the store.",
+        "sig" : "function (_self, records, options)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The Records that were loaded",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "loadexception",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args",
+        "sig" : "function (, ret, opts, jsonData)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "",
+            "type" : "Proxy",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "ret",
+            "type" : "Object",
+            "desc" : "return data from JsonData.reader() - success, totalRecords, records",
+            "isOptional" : false
+          },
+          {
+            "name" : "opts",
+            "type" : "Object",
+            "desc" : "- load Options",
+            "isOptional" : false
+          },
+          {
+            "name" : "jsonData",
+            "type" : "Object",
+            "desc" : "from your request (normally this contains the Exception)",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "metachange",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders.",
+        "sig" : "function (_self, meta)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "meta",
+            "type" : "Object",
+            "desc" : "The JSON metadata",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a Record has been removed from the Store",
+        "sig" : "function (_self, record, index)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record that was removed",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index at which the record was removed",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "scrollto",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Fires when scroll to element",
-        "sig" : "function (_self, options, e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.nav.Item",
+        "desc" : "Fires when a Record has been updated",
+        "sig" : "function (_self, record, operation)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.bootstrap.nav.Item",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record that was updated",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "operation",
+            "type" : "String",
+            "desc" : "The update operation being performed.  Value may be one of:\n<pre><code>\n Roo.data.Record.EDIT\n Roo.data.Record.REJECT\n Roo.data.Record.COMMIT\n</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "show",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Add Records to the Store and fires the add event.",
+        "sig" : "(records)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "clearFilter",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Revert to a view of the Record cache with no filtering applied.",
+        "sig" : "(suppressEvent)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "If true the filter is cleared silently without notifying listeners",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "collect",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Collects unique values for a particular dataIndex from this store.",
+        "sig" : "(dataIndex, allowNull, bypassFilter)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "dataIndex",
+            "type" : "String",
+            "desc" : "The property to collect",
+            "isOptional" : false
+          },
+          {
+            "name" : "allowNull",
+            "type" : "Boolean",
+            "desc" : "(optional) Pass true to allow null, undefined or empty string values",
+            "isOptional" : false
+          },
+          {
+            "name" : "bypassFilter",
+            "type" : "Boolean",
+            "desc" : "(optional) Pass true to collect from all records, even ones which are filtered",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Array",
+            "desc" : "An array of the unique values"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "commitChanges",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "each",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Calls the specified function for each of the Records in the cache.",
+        "sig" : "(fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call. The Record is passed as the first parameter.\nReturning <em>false</em> aborts and exits the iteration.",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to call the function (defaults to the Record).",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "filter",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Filter the records by a specified property.",
+        "sig" : "(field, value, anyMatch)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
+            "name" : "field",
+            "type" : "String",
+            "desc" : "A field on your records",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String/RegExp",
+            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "isOptional" : false
+          },
+          {
+            "name" : "anyMatch",
             "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "desc" : "True to match any part not just the beginning",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getChildContainer",
+        "name" : "filterBy",
         "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered.",
+        "sig" : "(fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to be called, it will receive 2 args (record, id)",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function (defaults to this)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getAt",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Get the Record at the specified index.",
+        "sig" : "(index)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the Record to find.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record at the passed index. Returns undefined if not found."
           }
         ]
       },
       {
-        "name" : "getVisibilityEl",
+        "name" : "getById",
         "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
+        "desc" : "Get the Record with the specified id.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the Record to find.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record with the passed id. Returns undefined if not found."
+          }
+        ]
+      },
+      {
+        "name" : "getCount",
+        "type" : "function",
+        "desc" : "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "getModifiedRecords",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging).",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.data.Record[]",
+            "desc" : "An array of Records containing outstanding modifications."
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getRange",
         "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns a range of Records between specified indices.",
+        "sig" : "(startIndex, endIndex)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "startIndex",
+            "type" : "Number",
+            "desc" : "(optional) The starting index (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "endIndex",
+            "type" : "Number",
+            "desc" : "(optional) The ending index (defaults to the last Record in the Store)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An array of Records"
+          }
+        ]
       },
       {
-        "name" : "initEvents",
+        "name" : "getSortState",
         "type" : "function",
-        "desc" : "Initialize Events for the element",
+        "desc" : "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "getTotalCount",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Get the index within the cache of the passed Record.",
+        "sig" : "(record)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Roo.data.Record object to to find.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The index of the passed Record. Returns -1 if not found."
+          }
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "indexOfId",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Get the index within the cache of the Record with the passed id.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the Record to find.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The index of the Record. Returns -1 if not found."
+          }
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Inserts Records to the Store at the given index and fires the add event.",
+        "sig" : "(index, records)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The start index at which to insert the passed Records.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "load",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>",
+        "sig" : "(options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "An object containing properties which control loading options:<ul>\n<li>params {Object} An object containing properties to pass as HTTP parameters to a remote data source.</li>\n<li>params.data {Object} if you are using a MemoryProxy / JsonReader, use this as the data to load stuff..\n<pre>\n                {\n                    data : data,  // array of key=>value data like JsonReader\n                    total : data.length,\n                    success : true\n                    \n                }\n        </pre>\n            }.</li>\n<li>callback {Function} A function to be called after the Records have been loaded. The callback is\npassed the following arguments:<ul>\n<li>r : Roo.data.Record[]</li>\n<li>options: Options object from the load call</li>\n<li>success: Boolean success indicator</li></ul></li>\n<li>scope {Object} Scope with which to call the callback (defaults to the Store object)</li>\n<li>add {Boolean} indicator to append loaded records rather than replace the current cache.</li>\n</ul>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "loadData",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor.",
+        "sig" : "(data, append)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "The data block from which to read the Records.  The format of the data expected\nis dependent on the type of Reader that is configured and should correspond to that Reader's readRecords parameter.",
+            "isOptional" : false
+          },
+          {
+            "name" : "append",
             "type" : "Boolean",
-            "desc" : "",
+            "desc" : "True to append the new Records rather than replace the existing cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setHtml",
+        "name" : "loadDataFromChildren",
         "type" : "function",
-        "desc" : "Set the HTML (text content) of the item",
-        "sig" : "(html)",
+        "desc" : "using 'cn' the nested child reader read the child array into it's child stores.",
+        "sig" : "(rec)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Item",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "string",
-            "desc" : "content for the nav item",
+            "name" : "rec",
+            "type" : "Object",
+            "desc" : "The record with a 'children array",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "tooltipEl",
+        "name" : "query",
         "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Query the records by a specified property.",
+        "sig" : "(field, value, anyMatch)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Item",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "field",
+            "type" : "String",
+            "desc" : "A field on your records",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String/RegExp",
+            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "isOptional" : false
+          },
+          {
+            "name" : "anyMatch",
+            "type" : "Boolean",
+            "desc" : "True to match any part not just the beginning",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "type" : "MixedCollection",
+            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "queryBy",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results.",
+        "sig" : "(fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The function to be called, it will receive 2 args (record, id)",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope of the function (defaults to this)",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.nav.Simplebar" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "t) alignment",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "arrangement",
-        "type" : "Boolean",
-        "desc" : "stacked | justified",
-        "memberOf" : ""
-      },
-      {
-        "name" : "can_build_overlaid",
-        "type" : "Boolean",
-        "desc" : "True if element can be rebuild from a HTML page",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "css class",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "container_method",
-        "type" : "string",
-        "desc" : "method to fetch parents container element (used by NavHeaderbar -  getHeaderChildContainer)",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "dataId",
-        "type" : "string",
-        "desc" : "cutomer id",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inverse",
-        "type" : "Boolean",
-        "desc" : "is inverted color",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadMask",
-        "type" : "Boolean",
-        "desc" : "e) loadMask on the bar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "main",
-        "type" : "Boolean",
-        "desc" : "e) main nav bar? default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "name",
-        "type" : "string",
-        "desc" : "Specifies name attribute",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "style",
-        "type" : "String",
-        "desc" : "any extra css",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "v) default is nav",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tooltip",
-        "type" : "string",
-        "desc" : "Text for the tooltip",
-        "memberOf" : "Roo.bootstrap.Component"
-      },
-      {
-        "name" : "type",
-        "type" : "String",
-        "desc" : "s)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "visibilityEl",
-        "type" : "string|object",
-        "desc" : "t) What element to use for visibility (@see getVisibilityEl())",
-        "memberOf" : "Roo.bootstrap.Component"
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "MixedCollection",
+            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
+          }
+        ]
       },
       {
-        "name" : "weight",
-        "type" : "String",
-        "desc" : "e) default is light.",
-        "memberOf" : ""
+        "name" : "rejectChanges",
+        "type" : "function",
+        "desc" : "Cancel outstanding changes on all changed records.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "xattr",
-        "type" : "Object",
-        "desc" : "extra attributes to add to 'element' (used by builder to store stuff.)",
-        "memberOf" : "Roo.bootstrap.Component"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "reload",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed.",
+        "sig" : "(options)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing properties which may override the options\nused in the last load operation. See {@link #load} for details (defaults to null, in which case\nthe most recently used options are reused).",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Remove a Record from the Store and fires the remove event.",
+        "sig" : "(record)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "record",
+            "type" : "Ext.data.Record",
+            "desc" : "The Roo.data.Record object to remove from the cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "removeAll",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Remove all Records from the Store and fires the clear event.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "beforetoggle",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fire before toggle the menu",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "childrenrendered",
+        "name" : "setDefaultSort",
         "type" : "function",
-        "desc" : "Fires when the children have been rendered..",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.Component",
+        "desc" : "Sets the default sort column and order to be used by the next load operation.",
+        "sig" : "(fieldName, dir)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.bootstrap.Component",
-            "desc" : "",
+            "name" : "fieldName",
+            "type" : "String",
+            "desc" : "The name of the field to sort by.",
+            "isOptional" : false
+          },
+          {
+            "name" : "dir",
+            "type" : "String",
+            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "sort",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally.",
+        "sig" : "(fieldName, dir)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "fieldName",
+            "type" : "String",
+            "desc" : "The name of the field to sort by.",
+            "isOptional" : false
+          },
+          {
+            "name" : "dir",
+            "type" : "String",
+            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "sum",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Sums the value of <i>property</i> for each record between start and end and returns the result.",
+        "sig" : "(property, start, end)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "property",
+            "type" : "String",
+            "desc" : "A field on your records",
+            "isOptional" : false
+          },
+          {
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "The record index to start at (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "The last record index to include (defaults to length - 1)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The sum"
+          }
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.MemoryProxy" : {
+    "props" : [
+      {
+        "name" : "data",
+        "type" : "Object",
+        "desc" : "The data object which the Reader uses to construct a block of Roo.data.Records.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hide",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforeload",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before a network request is made to retrieve a data object.",
+        "sig" : "function (This, params)\n{\n\n}",
+        "memberOf" : "Roo.data.DataProxy",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "Object",
+            "desc" : "The params parameter to the load function.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before the load method's callback is called.",
+        "sig" : "function (This, o, arg)\n{\n\n}",
+        "memberOf" : "Roo.data.DataProxy",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The data object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "The callback argument object passed to the load function.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "loadexception",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires if an Exception occurs during data retrieval.",
+        "sig" : "function (This, o, arg, e)\n{\n\n}",
+        "memberOf" : "Roo.data.DataProxy",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "This",
+            "type" : "Object",
+            "desc" : "DataProxy object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "o",
+            "type" : "Object",
+            "desc" : "The data object.",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "The callback argument object passed to the load function.",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The Exception.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Collapse the navbar pulldown",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Load data from the requested source (in this case an in-memory\ndata object passed to the constructor), read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback.",
+        "sig" : "(params, reader, callback, scope, arg)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "params",
+            "type" : "Object",
+            "desc" : "This parameter is not used by the MemoryProxy class.",
+            "isOptional" : false
+          },
+          {
+            "name" : "reader",
+            "type" : "Roo.data.DataReader",
+            "desc" : "The Reader object which converts the data\nobject into a block of Roo.data.Records.",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "The function into which to pass the block of Roo.data.records.\nThe function must be passed <ul>\n<li>The Record block object</li>\n<li>The \"arg\" argument from the load function</li>\n<li>A boolean success indicator</li>\n</ul>",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "The scope in which to call the callback",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "An optional argument which is passed to the callback as its second parameter.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Expand the navbar pulldown",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.nav.Bar",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "getChildContainer",
-        "type" : "function",
-        "desc" : "Fetch the element to add children to",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
-          }
-        ]
-      },
-      {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getVisibilityEl",
-        "type" : "function",
-        "desc" : "Get the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide a component - adds 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "initEvents",
-        "type" : "function",
-        "desc" : "Initialize Events for the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Removes a listener",
+        "desc" : "Removes a listener (shorthand for removeListener)",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.Node" : {
+    "props" : [
+      {
+        "name" : "id",
+        "type" : "String",
+        "desc" : "The id for this node. If one is not specified, one is generated.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "leaf",
+        "type" : "Boolean",
+        "desc" : "true if this node is a leaf and does not have children",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "append",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a new child node is appended",
+        "sig" : "function (tree, _self, node, index)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "this",
+            "type" : "Node",
+            "desc" : "This node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The newly appended node",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the newly appended node",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisibilityEl",
-        "type" : "function",
-        "desc" : "Set the element that will be used to show or hide",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
+        "name" : "beforeappend",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a new child is appended, return false to cancel the append.",
+        "sig" : "function (tree, _self, node)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show a component - removes 'hidden' class",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "tooltipEl",
-        "type" : "function",
-        "desc" : "Fetch the element to display the tooltip on.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+            "name" : "this",
+            "type" : "Node",
+            "desc" : "This node",
+            "isOptional" : false
+          },
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "defaults to this.el"
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node to be appended",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "beforeinsert",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a new child is inserted, return false to cancel the insert.",
+        "sig" : "function (tree, _self, node, refNode)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "this",
+            "type" : "Node",
+            "desc" : "This node",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node to be inserted",
+            "isOptional" : false
+          },
+          {
+            "name" : "refNode",
+            "type" : "Node",
+            "desc" : "The child node the node is being inserted before",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.PopoverNav",
-      "Roo.bootstrap.form.HtmlEditorToolbarStandard",
-      "Roo.bootstrap.nav.Headerbar"
-    ],
-    "tree_children" : [
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.Link"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.panel" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.panel.Content" : {
-    "props" : [
-      {
-        "name" : "adjustments",
-        "type" : "Array",
-        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "background",
-        "type" : "Boolean",
-        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "badges",
-        "type" : "Boolean",
-        "desc" : "render the badges",
-        "memberOf" : ""
-      },
-      {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "True if the panel can be closed/removed",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "extra classes to use",
-        "memberOf" : ""
-      },
-      {
-        "name" : "content",
-        "type" : "String",
-        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fitContainer",
-        "type" : "Boolean",
-        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fitToFrame",
-        "type" : "Boolean",
-        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "iframe",
-        "type" : "Boolean",
-        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadOnce",
-        "type" : "Boolean",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : ""
-      },
-      {
-        "name" : "params",
-        "type" : "String/Object",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : ""
-      },
-      {
-        "name" : "region",
-        "type" : "String",
-        "desc" : "[required] (center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : ""
       },
       {
-        "name" : "resizeEl",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for this panel",
-        "memberOf" : ""
-      },
-      {
-        "name" : "toolbar",
-        "type" : "Toolbar",
-        "desc" : "A toolbar for this panel",
-        "memberOf" : ""
-      },
-      {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "Calls {@link #setUrl} with this value",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
+        "name" : "beforemove",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires before this node is moved to a new location in the tree. Return false to cancel the move.",
+        "sig" : "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
+            "type" : "Node",
+            "desc" : "This node",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldParent",
+            "type" : "Node",
+            "desc" : "The parent of this node",
+            "isOptional" : false
+          },
+          {
+            "name" : "newParent",
+            "type" : "Node",
+            "desc" : "The new parent this node is moving to",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index it is being moved to",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "beforeremove",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires before a child is removed, return false to cancel the remove.",
+        "sig" : "function (tree, _self, node)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
+            "type" : "Node",
+            "desc" : "This node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node to be removed",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "Fires when this tab is created",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires when a new child node is inserted.",
+        "sig" : "function (tree, _self, node, refNode)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
+            "type" : "Node",
+            "desc" : "This node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node inserted",
+            "isOptional" : false
+          },
+          {
+            "name" : "refNode",
+            "type" : "Node",
+            "desc" : "The child node the node was inserted before",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Fires when this panel is resized if fitToFrame is true.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
+        "desc" : "Fires when this node is moved to a new location in the tree",
+        "sig" : "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
+            "type" : "Node",
+            "desc" : "This node",
             "isOptional" : false
           },
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The width after any component adjustments",
+            "name" : "oldParent",
+            "type" : "Node",
+            "desc" : "The old parent of this node",
             "isOptional" : false
           },
           {
-            "name" : "height",
+            "name" : "newParent",
+            "type" : "Node",
+            "desc" : "The new parent of this node",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
             "type" : "Number",
-            "desc" : "The height after any component adjustments",
+            "desc" : "The index it was moved to",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "scroll",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires when this content is scrolled",
-        "sig" : "function (_self, scrollEvent)\n{\n\n}",
+        "desc" : "Fires when a child node is removed",
+        "sig" : "function (tree, _self, node)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
+            "type" : "Node",
+            "desc" : "This node",
             "isOptional" : false
           },
           {
-            "name" : "scrollEvent",
-            "type" : "Event",
-            "desc" : "",
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The removed node",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
+      {
+        "name" : "appendChild",
+        "type" : "function",
+        "desc" : "Insert node(s) as the last child node of this node.",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "Node/Array",
+            "desc" : "The node or Array of nodes to append",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Node",
+            "desc" : "The appended node if single append, or null if an array was passed"
+          }
+        ]
+      },
+      {
+        "name" : "bubble",
+        "type" : "function",
+        "desc" : "Bubbles up the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe bubble is stopped.",
+        "sig" : "(fn, scope, args)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function (defaults to current node)",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Array",
+            "desc" : "(optional) The args to call the function with (default to passing the current node)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "cascade",
         "type" : "function",
-        "desc" : "Destroys this panel",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Cascades down the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe cascade is stopped on that branch.",
+        "sig" : "(fn, scope, args)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function (defaults to current node)",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Array",
+            "desc" : "(optional) The args to call the function with (default to passing the current node)",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "contains",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Returns true if this node is an ancestor (at any point) of the passed node.",
+        "sig" : "(node)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "node",
+            "type" : "Node",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "eachChild",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Interates the child nodes of this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe iteration stops.",
+        "sig" : "(fn, scope, args)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cfg",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "desc" : "(optional) The scope of the function (defaults to current node)",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Array",
+            "desc" : "(optional) The args to call the function with (default to passing the current node)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "findChild",
         "type" : "function",
-        "desc" : "Returns this panel's element - used by regiosn to add.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Finds the first child that has the attribute with the specified value.",
+        "sig" : "(attribute, value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "attribute",
+            "type" : "String",
+            "desc" : "The attribute name",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to search for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "Node",
+            "desc" : "The found child or null if none was found"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "findChildBy",
         "type" : "function",
-        "desc" : "Returns this panel's id",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Finds the first child by a custom function. The child matches if the function passed\nreturns true.",
+        "sig" : "(fn, scope)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Node",
+            "desc" : "The found child or null if none was found"
           }
         ]
       },
       {
-        "name" : "getTitle",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns this panel's title",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getToolbar",
+        "name" : "getDepth",
         "type" : "function",
-        "desc" : "Returns the toolbar for this Panel if one was configured.",
+        "desc" : "Returns depth of this node (the root node has a depth of 0)",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Toolbar",
+            "type" : "Number",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "getOwnerTree",
         "type" : "function",
-        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
+        "desc" : "Returns the tree this node is in.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "Tree",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getPath",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns the path for this node. The path can be used to expand or select this node programmatically.",
+        "sig" : "(attr)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "attr",
+            "type" : "String",
+            "desc" : "(optional) The attr to use for the path (defaults to the node's id)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The path"
+          }
+        ]
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
             "type" : "String",
             "desc" : "The name of the event to check for",
             "isOptional" : false
         ]
       },
       {
-        "name" : "isClosable",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Returns true is this panel was configured to be closable",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the index of a child node",
+        "sig" : "(node)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The index of the node or -1 if it was not found"
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "insertBefore",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Inserts the first node before the second node in this nodes childNodes collection.",
+        "sig" : "(node, refNode)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The node to insert",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "name" : "refNode",
+            "type" : "Node",
+            "desc" : "The node to insert before (if null the node is appended)",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "name" : "",
+            "type" : "Node",
+            "desc" : "The inserted node"
+          }
+        ]
+      },
+      {
+        "name" : "isAncestor",
+        "type" : "function",
+        "desc" : "Returns true if the passed node is an ancestor (at any point) of this node.",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "discardUrl",
+            "name" : "",
             "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "isFirst",
+        "type" : "function",
+        "desc" : "Returns true if this node is the first child of its parent",
+        "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" : ""
+          }
+        ]
+      },
+      {
+        "name" : "isLast",
+        "type" : "function",
+        "desc" : "Returns true if this node is the last child of its parent",
+        "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" : ""
+          }
+        ]
+      },
+      {
+        "name" : "isLeaf",
+        "type" : "function",
+        "desc" : "Returns true if this node is a leaf",
+        "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" : ""
+          }
+        ]
+      },
+      {
+        "name" : "item",
+        "type" : "function",
+        "desc" : "Returns the child node at the specified index.",
+        "sig" : "(index)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "this"
+            "type" : "Node",
+            "desc" : ""
           }
         ]
       },
         "returns" : []
       },
       {
-        "name" : "refresh",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "removeChild",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Removes a child node from this node.",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The node to remove",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Node",
+            "desc" : "The removed node"
+          }
+        ]
       },
       {
         "name" : "removeListener",
         "returns" : []
       },
       {
-        "name" : "setContent",
+        "name" : "replaceChild",
         "type" : "function",
-        "desc" : "Updates this panel's element (not for iframe)",
-        "sig" : "(content, loadScripts)",
+        "desc" : "Replaces one child node in this node with another.",
+        "sig" : "(newChild, oldChild)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The new content",
+            "name" : "newChild",
+            "type" : "Node",
+            "desc" : "The replacement node",
             "isOptional" : false
           },
           {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "name" : "oldChild",
+            "type" : "Node",
+            "desc" : "The node to replace",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Node",
+            "desc" : "The replaced node"
+          }
+        ]
       },
       {
-        "name" : "setTitle",
+        "name" : "sort",
         "type" : "function",
-        "desc" : "Set this panel's title",
-        "sig" : "(title)",
+        "desc" : "Sorts this nodes children using the supplied sort function",
+        "sig" : "(fn, scope)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
+            "name" : "fn",
+            "type" : "Function",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setUrl",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
-        "sig" : "(url, params, loadOnce)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "loadOnce",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.tree.AsyncTreeNode",
+      "Roo.tree.TreeNode"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.Record" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "commit",
+        "type" : "function",
+        "desc" : "Usually called by the {@link Roo.data.Store} which owns the Record.\nCommits all changes made to the Record since either creation, or the last commit operation.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof commit operations.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "copy",
+        "type" : "function",
+        "desc" : "Creates a copy of this record.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "(optional) A new record id if you don't want to use this record's id",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager|Boolean",
-            "desc" : "The UpdateManager or false if IFRAME"
+            "type" : "Record",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "create",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Generate a constructor for a specific record layout.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Array",
+            "desc" : "An Array of field definition objects which specify field names, and optionally,\ndata types, and a mapping for an {@link Roo.data.Reader} to extract the field's value from a data object.\nEach field definition object may contain the following properties: <ul>\n<li><b>name</b> : String<p style=\"margin-left:1em\">The name by which the field is referenced within the Record. This is referenced by,\nfor example the <em>dataIndex</em> property in column definition objects passed to {@link Roo.grid.ColumnModel}</p></li>\n<li><b>mapping</b> : String<p style=\"margin-left:1em\"> A path specification for use by the {@link Roo.data.Reader} implementation\nthat is creating the Record to access the data value from the data object. If an {@link Roo.data.JsonReader}\nis being used, then this is a string containing the javascript expression to reference the data relative to \nthe record item's root. If an {@link Roo.data.XmlReader} is being used, this is an {@link Roo.DomQuery} path\nto the data item relative to the record element. If the mapping expression is the same as the field name,\nthis may be omitted.</p></li>\n<li><b>type</b> : String<p style=\"margin-left:1em\"> The data type for conversion to displayable value. Possible values are\n<ul><li>auto (Default, implies no conversion)</li>\n<li>string</li>\n<li>int</li>\n<li>float</li>\n<li>boolean</li>\n<li>date</li></ul></p></li>\n<li><b>sortType</b> : Mixed<p style=\"margin-left:1em\"> A member of {@link Roo.data.SortTypes}.</p></li>\n<li><b>sortDir</b> : String<p style=\"margin-left:1em\"> Initial direction to sort. \"ASC\" or \"DESC\"</p></li>\n<li><b>convert</b> : Function<p style=\"margin-left:1em\"> A function which converts the value provided\nby the Reader into an object that will be stored in the Record. It is passed the\nfollowing parameters:<ul>\n<li><b>v</b> : Mixed<p style=\"margin-left:1em\">The data value as read by the Reader.</p></li>\n</ul></p></li>\n<li><b>dateFormat</b> : String<p style=\"margin-left:1em\"> A format String for the Date.parseDate function.</p></li>\n</ul>\n<br>usage:<br><pre><code>\nvar TopicRecord = Roo.data.Record.create(\n    {name: 'title', mapping: 'topic_title'},\n    {name: 'author', mapping: 'username'},\n    {name: 'totalPosts', mapping: 'topic_replies', type: 'int'},\n    {name: 'lastPost', mapping: 'post_time', type: 'date'},\n    {name: 'lastPoster', mapping: 'user2'},\n    {name: 'excerpt', mapping: 'post_text'}\n);\n\nvar myNewRecord = new TopicRecord({\n    title: 'Do my job please',\n    author: 'noobie',\n    totalPosts: 1,\n    lastPost: new Date(),\n    lastPoster: 'Animal',\n    excerpt: 'No way dude!'\n});\nmyStore.add(myNewRecord);\n</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "Get the value of the named field.",
+        "sig" : "(name)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "name",
             "type" : "String",
-            "desc" : "The type of event to listen for",
+            "desc" : "The name of the field to get the value of.",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The value of the field."
+          }
+        ]
+      },
+      {
+        "name" : "reject",
+        "type" : "function",
+        "desc" : "Usually called by the {@link Roo.data.Store} which owns the Record.\nRejects all changes made to the Record since either creation, or the last commit operation.\nModified fields are reverted to their original values.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof reject operations.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "set",
+        "type" : "function",
+        "desc" : "Set the named field to the specified value.",
+        "sig" : "(name, value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "name",
+            "type" : "String",
+            "desc" : "The name of the field to set.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
+            "name" : "value",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The value to set the field to.",
             "isOptional" : false
           }
         ],
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.bootstrap.panel.Grid",
-      "Roo.bootstrap.panel.Nest"
-    ],
-    "tree_children" : [
-      "Roo.bootstrap.Alert",
-      "Roo.bootstrap.BezierSignature",
-      "Roo.bootstrap.Brick",
-      "Roo.bootstrap.Button",
-      "Roo.bootstrap.ButtonGroup",
-      "Roo.bootstrap.ButtonUploader",
-      "Roo.bootstrap.Calendar",
-      "Roo.bootstrap.Card",
-      "Roo.bootstrap.Column",
-      "Roo.bootstrap.DocumentManager",
-      "Roo.bootstrap.DocumentSlider",
-      "Roo.bootstrap.DocumentViewer",
-      "Roo.bootstrap.DropTarget",
-      "Roo.bootstrap.Element",
-      "Roo.bootstrap.Graph",
-      "Roo.bootstrap.Header",
-      "Roo.bootstrap.Img",
-      "Roo.bootstrap.LayoutMasonry",
-      "Roo.bootstrap.LayoutMasonryAuto",
-      "Roo.bootstrap.Link",
-      "Roo.bootstrap.LocationPicker",
-      "Roo.bootstrap.MasonryBrick",
-      "Roo.bootstrap.MessageBar",
-      "Roo.bootstrap.Pagination",
-      "Roo.bootstrap.PaginationItem",
-      "Roo.bootstrap.PagingToolbar",
-      "Roo.bootstrap.Progress",
-      "Roo.bootstrap.ProgressBar",
-      "Roo.bootstrap.Row",
-      "Roo.bootstrap.Slider",
-      "Roo.bootstrap.TabGroup",
-      "Roo.bootstrap.TabPanel",
-      "Roo.bootstrap.Table",
-      "Roo.bootstrap.UploadCropbox",
-      "Roo.bootstrap.breadcrumb.Nav",
-      "Roo.bootstrap.dash.NumberBox",
-      "Roo.bootstrap.dash.TabBox",
-      "Roo.bootstrap.dash.TabPane",
-      "Roo.bootstrap.form.CardUploader",
-      "Roo.bootstrap.form.CheckBox",
-      "Roo.bootstrap.form.ComboBox",
-      "Roo.bootstrap.form.DateField",
-      "Roo.bootstrap.form.DateSplitField",
-      "Roo.bootstrap.form.FieldLabel",
-      "Roo.bootstrap.form.Form",
-      "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.Input",
-      "Roo.bootstrap.form.Markdown",
-      "Roo.bootstrap.form.MoneyField",
-      "Roo.bootstrap.form.MonthField",
-      "Roo.bootstrap.form.NumberField",
-      "Roo.bootstrap.form.PhoneInput",
-      "Roo.bootstrap.form.Radio",
-      "Roo.bootstrap.form.RadioSet",
-      "Roo.bootstrap.form.SecurePass",
-      "Roo.bootstrap.form.TextArea",
-      "Roo.bootstrap.form.TimeField",
-      "Roo.bootstrap.form.TriggerField",
-      "Roo.bootstrap.nav.Group",
-      "Roo.bootstrap.nav.Headerbar",
-      "Roo.bootstrap.nav.ProgressBar",
-      "Roo.bootstrap.nav.ProgressBarItem",
-      "Roo.bootstrap.nav.Sidebar",
-      "Roo.bootstrap.nav.SidebarItem",
-      "Roo.bootstrap.nav.Simplebar"
-    ],
-    "tree_parent" : [
-      "builder",
-      "Roo.bootstrap.layout.Border"
-    ]
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
   },
-  "Roo.bootstrap.panel.Grid" : {
+  "Roo.data.ScriptTagProxy" : {
     "props" : [
       {
-        "name" : "adjustments",
-        "type" : "Array",
-        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "callbackParam",
+        "type" : "String",
+        "desc" : "The name of the parameter to pass to the server which tells\nthe server the name of the callback function set up by the load call to process the returned data object.\nDefaults to \"callback\".<p>The server-side processing must read this parameter value, and generate\njavascript output which calls this named function passing the data object as its only parameter.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoScroll",
+        "name" : "nocache",
         "type" : "Boolean",
-        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "desc" : "Defaults to true. Disable cacheing by adding a unique parameter\nname to the request.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "background",
-        "type" : "Boolean",
-        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "timeout",
+        "type" : "Number",
+        "desc" : "The number of milliseconds to wait for a response. Defaults to 30 seconds.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "badges",
-        "type" : "Boolean",
-        "desc" : "render the badges",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The URL from which to request the data object.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "True if the panel can be closed/removed",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "abort",
+        "type" : "function",
+        "desc" : "Abort the current server request.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "extra classes to use",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "load",
+        "type" : "function",
+        "desc" : "Load data from the configured URL, read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback.",
+        "sig" : "(params, reader, callback, scope, arg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "params",
+            "type" : "Object",
+            "desc" : "An object containing properties which are to be used as HTTP parameters\nfor the request to the remote server.",
+            "isOptional" : false
+          },
+          {
+            "name" : "reader",
+            "type" : "Roo.data.DataReader",
+            "desc" : "The Reader object which converts the data\nobject into a block of Roo.data.Records.",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "The function into which to pass the block of Roo.data.Records.\nThe function must be passed <ul>\n<li>The Record block object</li>\n<li>The \"arg\" argument from the load function</li>\n<li>A boolean success indicator</li>\n</ul>",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "The scope in which to call the callback",
+            "isOptional" : false
+          },
+          {
+            "name" : "arg",
+            "type" : "Object",
+            "desc" : "An optional argument which is passed to the callback as its second parameter.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.SimpleStore" : {
+    "props" : [
+      {
+        "name" : "an",
+        "type" : "Object",
+        "desc" : "existing reader (eg. copied from another store)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "content",
-        "type" : "String",
-        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "baseParams",
+        "type" : "Object",
+        "desc" : "An object containing properties which are to be sent as parameters\non any HTTP request",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fitContainer",
-        "type" : "Boolean",
-        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "data",
+        "type" : "Array",
+        "desc" : "The multi-dimensional array of data",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fitToFrame",
-        "type" : "Boolean",
-        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "fields",
+        "type" : "Array",
+        "desc" : "An array of field definition objects, or field name strings.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "grid",
-        "type" : "Roo.bootstrap.Table",
-        "desc" : "The grid for this panel",
-        "memberOf" : ""
+        "name" : "id",
+        "type" : "Number",
+        "desc" : "The array index of the record id. Leave blank to auto generate ids.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "iframe",
-        "type" : "Boolean",
-        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "isLocal",
+        "type" : "boolean",
+        "desc" : "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadOnce",
+        "name" : "multiSort",
         "type" : "Boolean",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "params",
-        "type" : "String/Object",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "desc" : "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "region",
-        "type" : "String",
-        "desc" : "[required] (center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "proxy",
+        "type" : "Roo.data.DataProxy",
+        "desc" : "[not-required]",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "resizeEl",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "pruneModifiedRecords",
+        "type" : "boolean",
+        "desc" : "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for this panel",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "reader",
+        "type" : "Roo.data.Reader",
+        "desc" : "[not-required]",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Roo.bootstrap.nav.Simplebar",
-        "desc" : "the toolbar at the top of the grid.",
-        "memberOf" : ""
+        "name" : "remoteSort",
+        "type" : "boolean",
+        "desc" : "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "Calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.bootstrap.panel.Content"
+        "name" : "sortInfo",
+        "type" : "Object",
+        "desc" : "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+        "memberOf" : "Roo.data.Store",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activate",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "desc" : "Fires when Records have been added to the Store",
+        "sig" : "function (_self, records, index)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The array of Records added",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index at which the record(s) were added",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "beforeload",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
+        "desc" : "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled.",
+        "sig" : "function (_self, options)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeloadadd",
+        "type" : "function",
+        "desc" : "Fires after a new set of Records has been loaded.",
+        "sig" : "function (_self, records, options)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The Records that were loaded",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "clear",
+        "type" : "function",
+        "desc" : "Fires when the data cache has been cleared.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "datachanged",
         "type" : "function",
-        "desc" : "Fires when this tab is created",
+        "desc" : "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Fires when this panel is resized if fitToFrame is true.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "desc" : "Fires after a new set of Records has been loaded, before they are added to the store.",
+        "sig" : "function (_self, records, options)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The width after any component adjustments",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The Records that were loaded",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The height after any component adjustments",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "scroll",
+        "name" : "loadexception",
         "type" : "function",
-        "desc" : "Fires when this content is scrolled",
-        "sig" : "function (_self, scrollEvent)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "desc" : "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args",
+        "sig" : "function (, ret, opts, jsonData)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "",
+            "type" : "Proxy",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "ret",
+            "type" : "Object",
+            "desc" : "return data from JsonData.reader() - success, totalRecords, records",
+            "isOptional" : false
+          },
+          {
+            "name" : "opts",
+            "type" : "Object",
+            "desc" : "- load Options",
+            "isOptional" : false
+          },
+          {
+            "name" : "jsonData",
+            "type" : "Object",
+            "desc" : "from your request (normally this contains the Exception)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "metachange",
+        "type" : "function",
+        "desc" : "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders.",
+        "sig" : "function (_self, meta)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.ContentPanel",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scrollEvent",
-            "type" : "Event",
+            "name" : "meta",
+            "type" : "Object",
+            "desc" : "The JSON metadata",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Fires when a Record has been removed from the Store",
+        "sig" : "function (_self, record, index)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record that was removed",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index at which the record was removed",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "update",
+        "type" : "function",
+        "desc" : "Fires when a Record has been updated",
+        "sig" : "function (_self, record, operation)\n{\n\n}",
+        "memberOf" : "Roo.data.Store",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record that was updated",
+            "isOptional" : false
+          },
+          {
+            "name" : "operation",
+            "type" : "String",
+            "desc" : "The update operation being performed.  Value may be one of:\n<pre><code>\n Roo.data.Record.EDIT\n Roo.data.Record.REJECT\n Roo.data.Record.COMMIT\n</code></pre>",
+            "isOptional" : false
           }
         ],
         "returns" : []
       }
     ],
     "methods" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Add Records to the Store and fires the add event.",
+        "sig" : "(records)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "clearFilter",
         "type" : "function",
-        "desc" : "Destroys this panel",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Revert to a view of the Record cache with no filtering applied.",
+        "sig" : "(suppressEvent)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "If true the filter is cleared silently without notifying listeners",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "collect",
+        "type" : "function",
+        "desc" : "Collects unique values for a particular dataIndex from this store.",
+        "sig" : "(dataIndex, allowNull, bypassFilter)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "dataIndex",
+            "type" : "String",
+            "desc" : "The property to collect",
+            "isOptional" : false
+          },
+          {
+            "name" : "allowNull",
+            "type" : "Boolean",
+            "desc" : "(optional) Pass true to allow null, undefined or empty string values",
+            "isOptional" : false
+          },
+          {
+            "name" : "bypassFilter",
+            "type" : "Boolean",
+            "desc" : "(optional) Pass true to collect from all records, even ones which are filtered",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "An array of the unique values"
+          }
+        ]
+      },
+      {
+        "name" : "commitChanges",
+        "type" : "function",
+        "desc" : "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "each",
+        "type" : "function",
+        "desc" : "Calls the specified function for each of the Records in the cache.",
+        "sig" : "(fn, scope)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call. The Record is passed as the first parameter.\nReturning <em>false</em> aborts and exits the iteration.",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to call the function (defaults to the Record).",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "filter",
+        "type" : "function",
+        "desc" : "Filter the records by a specified property.",
+        "sig" : "(field, value, anyMatch)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "field",
+            "type" : "String",
+            "desc" : "A field on your records",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String/RegExp",
+            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "isOptional" : false
+          },
+          {
+            "name" : "anyMatch",
+            "type" : "Boolean",
+            "desc" : "True to match any part not just the beginning",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "filterBy",
+        "type" : "function",
+        "desc" : "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered.",
+        "sig" : "(fn, scope)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to be called, it will receive 2 args (record, id)",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function (defaults to this)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "getAt",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Get the Record at the specified index.",
+        "sig" : "(index)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cfg",
-            "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the Record to find.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record at the passed index. Returns undefined if not found."
+          }
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "getById",
         "type" : "function",
-        "desc" : "Returns this panel's element - used by regiosn to add.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Get the Record with the specified id.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the Record to find.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "Roo.data.Record",
+            "desc" : "The Record with the passed id. Returns undefined if not found."
           }
         ]
       },
       {
-        "name" : "getGrid",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Returns the grid for this panel",
+        "desc" : "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.bootstrap.Table",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "getModifiedRecords",
         "type" : "function",
-        "desc" : "Returns this panel's id",
+        "desc" : "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.data.Record[]",
+            "desc" : "An array of Records containing outstanding modifications."
           }
         ]
       },
       {
-        "name" : "getTitle",
+        "name" : "getRange",
         "type" : "function",
-        "desc" : "Returns this panel's title",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns a range of Records between specified indices.",
+        "sig" : "(startIndex, endIndex)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "startIndex",
+            "type" : "Number",
+            "desc" : "(optional) The starting index (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "endIndex",
+            "type" : "Number",
+            "desc" : "(optional) The ending index (defaults to the last Record in the Store)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.data.Record[]",
+            "desc" : "An array of Records"
           }
         ]
       },
       {
-        "name" : "getToolbar",
+        "name" : "getSortState",
         "type" : "function",
-        "desc" : "Returns the toolbar for this Panel if one was configured.",
+        "desc" : "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Toolbar",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "getTotalCount",
         "type" : "function",
-        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
+        "desc" : "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "isClosable",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Returns true is this panel was configured to be closable",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Get the index within the cache of the passed Record.",
+        "sig" : "(record)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Roo.data.Record object to to find.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The index of the passed Record. Returns -1 if not found."
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "indexOfId",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
-        "sig" : "(url, params, callback, discardUrl)",
+        "desc" : "Get the index within the cache of the Record with the passed id.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the Record to find.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "this"
+            "type" : "Number",
+            "desc" : "The index of the Record. Returns -1 if not found."
           }
         ]
       },
       {
-        "name" : "on",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Inserts Records to the Store at the given index and fires the add event.",
+        "sig" : "(index, records)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The start index at which to insert the passed Records.",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>",
+        "sig" : "(options)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "An object containing properties which control loading options:<ul>\n<li>params {Object} An object containing properties to pass as HTTP parameters to a remote data source.</li>\n<li>params.data {Object} if you are using a MemoryProxy / JsonReader, use this as the data to load stuff..\n<pre>\n                {\n                    data : data,  // array of key=>value data like JsonReader\n                    total : data.length,\n                    success : true\n                    \n                }\n        </pre>\n            }.</li>\n<li>callback {Function} A function to be called after the Records have been loaded. The callback is\npassed the following arguments:<ul>\n<li>r : Roo.data.Record[]</li>\n<li>options: Options object from the load call</li>\n<li>success: Boolean success indicator</li></ul></li>\n<li>scope {Object} Scope with which to call the callback (defaults to the Store object)</li>\n<li>add {Boolean} indicator to append loaded records rather than replace the current cache.</li>\n</ul>",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "refresh",
+        "name" : "loadData",
         "type" : "function",
-        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor.",
+        "sig" : "(data, append)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "The data block from which to read the Records.  The format of the data expected\nis dependent on the type of Reader that is configured and should correspond to that Reader's readRecords parameter.",
+            "isOptional" : false
+          },
+          {
+            "name" : "append",
+            "type" : "Boolean",
+            "desc" : "True to append the new Records rather than replace the existing cache.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "loadDataFromChildren",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "using 'cn' the nested child reader read the child array into it's child stores.",
+        "sig" : "(rec)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "rec",
+            "type" : "Object",
+            "desc" : "The record with a 'children array",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setContent",
-        "type" : "function",
-        "desc" : "Updates this panel's element (not for iframe)",
-        "sig" : "(content, loadScripts)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The new content",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Set this panel's title",
-        "sig" : "(title)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "title",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setUrl",
+        "name" : "query",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
-        "sig" : "(url, params, loadOnce)",
+        "desc" : "Query the records by a specified property.",
+        "sig" : "(field, value, anyMatch)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "name" : "field",
+            "type" : "String",
+            "desc" : "A field on your records",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "name" : "value",
+            "type" : "String/RegExp",
+            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
             "isOptional" : false
           },
           {
-            "name" : "loadOnce",
+            "name" : "anyMatch",
             "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
+            "desc" : "True to match any part not just the beginning",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager|Boolean",
-            "desc" : "The UpdateManager or false if IFRAME"
+            "type" : "MixedCollection",
+            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "queryBy",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results.",
+        "sig" : "(fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The function to be called, it will receive 2 args (record, id)",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope of the function (defaults to this)",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.panel.Nest" : {
-    "props" : [
-      {
-        "name" : "adjustments",
-        "type" : "Array",
-        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "autoScroll",
-        "type" : "Boolean",
-        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "background",
-        "type" : "Boolean",
-        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "badges",
-        "type" : "Boolean",
-        "desc" : "render the badges",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "True if the panel can be closed/removed",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "extra classes to use",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "content",
-        "type" : "String",
-        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "fitContainer",
-        "type" : "Boolean",
-        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "fitToFrame",
-        "type" : "Boolean",
-        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "iframe",
-        "type" : "Boolean",
-        "desc" : "contents are an iframe - makes showing remote sources/CSS feasible..",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "layout",
-        "type" : "Roo.BorderLayout",
-        "desc" : "The layout for this panel",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadOnce",
-        "type" : "Boolean",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "params",
-        "type" : "String/Object",
-        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "region",
-        "type" : "String",
-        "desc" : "[required] (center|north|south|east|west) which region to put this panel on (when used with xtype constructors)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "resizeEl",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "The title for this panel",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "toolbar",
-        "type" : "Toolbar",
-        "desc" : "A toolbar for this panel",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      },
-      {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "Calls {@link #setUrl} with this value",
-        "memberOf" : "Roo.bootstrap.panel.Content"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "MixedCollection",
+            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "deactivate",
+        "name" : "rejectChanges",
         "type" : "function",
-        "desc" : "Fires when this panel is activated.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "desc" : "Cancel outstanding changes on all changed records.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires when this tab is created",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "reload",
         "type" : "function",
-        "desc" : "Fires when this panel is resized if fitToFrame is true.",
-        "sig" : "function (_self, width, height)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "desc" : "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed.",
+        "sig" : "(options)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The width after any component adjustments",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The height after any component adjustments",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing properties which may override the options\nused in the last load operation. See {@link #load} for details (defaults to null, in which case\nthe most recently used options are reused).",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "scroll",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires when this content is scrolled",
-        "sig" : "function (_self, scrollEvent)\n{\n\n}",
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "desc" : "Remove a Record from the Store and fires the remove event.",
+        "sig" : "(record)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.ContentPanel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollEvent",
-            "type" : "Event",
-            "desc" : "",
+            "name" : "record",
+            "type" : "Ext.data.Record",
+            "desc" : "The Roo.data.Record object to remove from the cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "removeAll",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Remove all Records from the Store and fires the clear event.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addxtype",
+        "name" : "setDefaultSort",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the layout of the nested panel\n<pre><code>\n\npanel.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\npanel.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Sets the default sort column and order to be used by the next load operation.",
+        "sig" : "(fieldName, dir)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cfg",
-            "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "name" : "fieldName",
+            "type" : "String",
+            "desc" : "The name of the field to sort by.",
+            "isOptional" : false
+          },
+          {
+            "name" : "dir",
+            "type" : "String",
+            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "sort",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally.",
+        "sig" : "(fieldName, dir)",
+        "static" : false,
+        "memberOf" : "Roo.data.Store",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "fieldName",
+            "type" : "String",
+            "desc" : "The name of the field to sort by.",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "dir",
+            "type" : "String",
+            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this panel",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "fireEvent",
+        "name" : "sum",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Sums the value of <i>property</i> for each record between start and end and returns the result.",
+        "sig" : "(property, start, end)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.data.Store",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "property",
             "type" : "String",
-            "desc" : "",
+            "desc" : "A field on your records",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "The record index to start at (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "The last record index to include (defaults to length - 1)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Number",
+            "desc" : "The sum"
           }
         ]
       },
       {
-        "name" : "getChildContainer",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
-        "sig" : "(cfg)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cfg",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "Xtype definition of item to add.",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.SortTypes" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "getEl",
+        "name" : "asDate",
         "type" : "function",
-        "desc" : "Returns this panel's element - used by regiosn to add.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
+        "desc" : "Date sorting",
+        "sig" : "(s)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "s",
+            "type" : "Mixed",
+            "desc" : "The value being converted",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The comparison value"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "asFloat",
         "type" : "function",
-        "desc" : "Returns this panel's id",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
+        "desc" : "Float sorting",
+        "sig" : "(s)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "s",
+            "type" : "Mixed",
+            "desc" : "The value being converted",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Float",
+            "desc" : "The comparison value"
           }
         ]
       },
       {
-        "name" : "getLayout",
+        "name" : "asInt",
         "type" : "function",
-        "desc" : "Returns the nested BorderLayout for this panel",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Integer sorting",
+        "sig" : "(s)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "s",
+            "type" : "Mixed",
+            "desc" : "The value being converted",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BorderLayout",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The comparison value"
           }
         ]
       },
       {
-        "name" : "getTitle",
+        "name" : "asText",
         "type" : "function",
-        "desc" : "Returns this panel's title",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
+        "desc" : "Strips all HTML tags to sort on text only",
+        "sig" : "(s)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "s",
+            "type" : "Mixed",
+            "desc" : "The value being converted",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
             "type" : "String",
-            "desc" : ""
+            "desc" : "The comparison value"
           }
         ]
       },
       {
-        "name" : "getToolbar",
+        "name" : "asUCString",
         "type" : "function",
-        "desc" : "Returns the toolbar for this Panel if one was configured.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
+        "desc" : "Case insensitive string",
+        "sig" : "(s)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Toolbar",
-            "desc" : ""
+            "name" : "s",
+            "type" : "Mixed",
+            "desc" : "The value being converted",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "getUpdateManager",
-        "type" : "function",
-        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "type" : "String",
+            "desc" : "The comparison value"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "asUCText",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "desc" : "Strips all HTML tags to sort on text only - Case insensitive",
+        "sig" : "(s)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "s",
+            "type" : "Mixed",
+            "desc" : "The value being converted",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
-      },
-      {
-        "name" : "isClosable",
-        "type" : "function",
-        "desc" : "Returns true is this panel was configured to be closable",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "String",
+            "desc" : "The comparison value"
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "none",
         "type" : "function",
-        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.\nDoes not work with IFRAME contents",
-        "sig" : "(url, params, callback, discardUrl)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
+        "desc" : "Default sort that does nothing",
+        "sig" : "(s)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "Object/String/Function",
-            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
-            "isOptional" : false
-          },
-          {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
-            "isOptional" : false
-          },
-          {
-            "name" : "discardUrl",
-            "type" : "Boolean",
-            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "name" : "s",
+            "type" : "Mixed",
+            "desc" : "The value being converted",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.ContentPanel",
-            "desc" : "this"
+            "type" : "Mixed",
+            "desc" : "The comparison value"
           }
         ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.Store" : {
+    "props" : [
+      {
+        "name" : "baseParams",
+        "type" : "Object",
+        "desc" : "An object containing properties which are to be sent as parameters\non any HTTP request",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
+        "name" : "data",
+        "type" : "Array",
+        "desc" : "Inline data to be loaded when the store is initialized.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "isLocal",
+        "type" : "boolean",
+        "desc" : "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "multiSort",
+        "type" : "Boolean",
+        "desc" : "enable multi column sorting (sort is based on the order of columns, remote only at present)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "proxy",
+        "type" : "Roo.data.DataProxy",
+        "desc" : "The Proxy object which provides access to a data object.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pruneModifiedRecords",
+        "type" : "boolean",
+        "desc" : "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "reader",
+        "type" : "Roo.data.DataReader",
+        "desc" : "The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "remoteSort",
+        "type" : "boolean",
+        "desc" : "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sortInfo",
+        "type" : "Object",
+        "desc" : "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Fires when Records have been added to the Store",
+        "sig" : "function (_self, records, index)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The array of Records added",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index at which the record(s) were added",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
+        "name" : "beforeload",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled.",
+        "sig" : "function (_self, options)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "beforeloadadd",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after a new set of Records has been loaded.",
+        "sig" : "function (_self, records, options)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The Records that were loaded",
             "isOptional" : false
           },
           {
-            "name" : "scope",
+            "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setContent",
+        "name" : "clear",
         "type" : "function",
-        "desc" : "Updates this panel's element (not for iframe)",
-        "sig" : "(content, loadScripts)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the data cache has been cleared.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The new content",
-            "isOptional" : false
-          },
-          {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "(optional) true to look for and process scripts",
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTitle",
+        "name" : "datachanged",
         "type" : "function",
-        "desc" : "Set this panel's title",
-        "sig" : "(title)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "title",
-            "type" : "String",
+            "name" : "this",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setUrl",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
-        "sig" : "(url, params, loadOnce)",
-        "static" : false,
-        "memberOf" : "Roo.bootstrap.panel.Content",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after a new set of Records has been loaded, before they are added to the store.",
+        "sig" : "function (_self, records, options)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "The Records that were loaded",
             "isOptional" : false
           },
           {
-            "name" : "loadOnce",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The loading options that were specified (see {@link #load} for details)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.UpdateManager|Boolean",
-            "desc" : "The UpdateManager or false if IFRAME"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "loadexception",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args",
+        "sig" : "function (, ret, opts, jsonData)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "",
+            "type" : "Proxy",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "ret",
+            "type" : "Object",
+            "desc" : "return data from JsonData.reader() - success, totalRecords, records",
             "isOptional" : false
           },
           {
-            "name" : "scope",
+            "name" : "opts",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.panel.TabItem" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when this tab becomes the active tab.",
-        "sig" : "function (tabPanel, _self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "tabPanel",
-            "type" : "Roo.TabPanel",
-            "desc" : "The parent TabPanel",
+            "desc" : "- load Options",
             "isOptional" : false
           },
           {
-            "name" : "this",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "",
+            "name" : "jsonData",
+            "type" : "Object",
+            "desc" : "from your request (normally this contains the Exception)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeclose",
+        "name" : "metachange",
         "type" : "function",
-        "desc" : "Fires before this tab is closed. To cancel the close, set cancel to true on e (e.cancel = true).",
-        "sig" : "function (_self, e)\n{\n\n}",
+        "desc" : "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders.",
+        "sig" : "function (_self, meta)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.TabPanelItem",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
+            "name" : "meta",
             "type" : "Object",
-            "desc" : "Set cancel to true on this object to cancel the close.",
+            "desc" : "The JSON metadata",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "close",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires when this tab is closed.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires when a Record has been removed from the Store",
+        "sig" : "function (_self, record, index)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.TabPanelItem",
+            "type" : "Store",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record that was removed",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index at which the record was removed",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Fires when this tab is no longer the active tab.",
-        "sig" : "function (tabPanel, _self)\n{\n\n}",
+        "desc" : "Fires when a Record has been updated",
+        "sig" : "function (_self, record, operation)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "tabPanel",
-            "type" : "Roo.TabPanel",
-            "desc" : "The parent TabPanel",
+            "name" : "this",
+            "type" : "Store",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "this",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "",
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record that was updated",
+            "isOptional" : false
+          },
+          {
+            "name" : "operation",
+            "type" : "String",
+            "desc" : "The update operation being performed.  Value may be one of:\n<pre><code>\n Roo.data.Record.EDIT\n Roo.data.Record.REJECT\n Roo.data.Record.COMMIT\n</code></pre>",
             "isOptional" : false
           }
         ],
     ],
     "methods" : [
       {
-        "name" : "activate",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Activates this TabPanelItem -- this <b>does</b> deactivate the currently active TabPanelItem.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Add Records to the Store and fires the add event.",
+        "sig" : "(records)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "clearFilter",
         "type" : "function",
-        "desc" : "Disables this TabPanelItem -- this does nothing if this is the active TabPanelItem.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Revert to a view of the Record cache with no filtering applied.",
+        "sig" : "(suppressEvent)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "If true the filter is cleared silently without notifying listeners",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "collect",
         "type" : "function",
-        "desc" : "Enables this TabPanelItem if it was previously disabled.",
+        "desc" : "Collects unique values for a particular dataIndex from this store.",
+        "sig" : "(dataIndex, allowNull, bypassFilter)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "dataIndex",
+            "type" : "String",
+            "desc" : "The property to collect",
+            "isOptional" : false
+          },
+          {
+            "name" : "allowNull",
+            "type" : "Boolean",
+            "desc" : "(optional) Pass true to allow null, undefined or empty string values",
+            "isOptional" : false
+          },
+          {
+            "name" : "bypassFilter",
+            "type" : "Boolean",
+            "desc" : "(optional) Pass true to collect from all records, even ones which are filtered",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "An array of the unique values"
+          }
+        ]
+      },
+      {
+        "name" : "commitChanges",
+        "type" : "function",
+        "desc" : "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "each",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Calls the specified function for each of the Records in the cache.",
+        "sig" : "(fn, scope)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call. The Record is passed as the first parameter.\nReturning <em>false</em> aborts and exits the iteration.",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to call the function (defaults to the Record).",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getText",
+        "name" : "filter",
         "type" : "function",
-        "desc" : "Returns the text for this tab",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Filter the records by a specified property.",
+        "sig" : "(field, value, anyMatch)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "field",
             "type" : "String",
-            "desc" : ""
+            "desc" : "A field on your records",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String/RegExp",
+            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "isOptional" : false
+          },
+          {
+            "name" : "anyMatch",
+            "type" : "Boolean",
+            "desc" : "True to match any part not just the beginning",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getUpdateManager",
+        "name" : "filterBy",
         "type" : "function",
-        "desc" : "Gets the {@link Roo.UpdateManager} for the body of this TabPanelItem. Enables you to perform Ajax updates.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered.",
+        "sig" : "(fn, scope)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to be called, it will receive 2 args (record, id)",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the function (defaults to this)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getAt",
         "type" : "function",
-        "desc" : "Hides this TabPanelItem -- if you don't activate another TabPanelItem this could look odd.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Get the Record at the specified index.",
+        "sig" : "(index)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the Record to find.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record",
+            "desc" : "The Record at the passed index. Returns undefined if not found."
+          }
+        ]
       },
       {
-        "name" : "isActive",
+        "name" : "getById",
         "type" : "function",
-        "desc" : "Returns true if this tab is the active tab.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Get the Record with the specified id.",
+        "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the Record to find.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.data.Record",
+            "desc" : "The Record with the passed id. Returns undefined if not found."
           }
         ]
       },
       {
-        "name" : "isHidden",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Returns true if this tab is \"hidden\"",
+        "desc" : "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "getModifiedRecords",
+        "type" : "function",
+        "desc" : "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging).",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.data.Record[]",
+            "desc" : "An array of Records containing outstanding modifications."
           }
         ]
       },
       {
-        "name" : "on",
+        "name" : "getRange",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Returns a range of Records between specified indices.",
+        "sig" : "(startIndex, endIndex)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "startIndex",
+            "type" : "Number",
+            "desc" : "(optional) The starting index (defaults to 0)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "endIndex",
+            "type" : "Number",
+            "desc" : "(optional) The ending index (defaults to the last Record in the Store)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An array of Records"
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getSortState",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "refresh",
+        "name" : "getTotalCount",
         "type" : "function",
-        "desc" : "Forces a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the setUrl method has not been called.\n  This does not activate the panel, just updates its content.",
+        "desc" : "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "indexOf",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Get the index within the cache of the passed Record.",
+        "sig" : "(record)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The Roo.data.Record object to to find.",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The index of the passed Record. Returns -1 if not found."
+          }
+        ]
+      },
+      {
+        "name" : "indexOfId",
+        "type" : "function",
+        "desc" : "Get the index within the cache of the Record with the passed id.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the Record to find.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The index of the Record. Returns -1 if not found."
+          }
+        ]
       },
       {
-        "name" : "setContent",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "Sets the content for this TabPanelItem.",
-        "sig" : "(content, loadScripts)",
+        "desc" : "Inserts Records to the Store at the given index and fires the add event.",
+        "sig" : "(index, records)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "content",
-            "type" : "String",
-            "desc" : "The content",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The start index at which to insert the passed Records.",
             "isOptional" : false
           },
           {
-            "name" : "loadScripts",
-            "type" : "Boolean",
-            "desc" : "true to look for and load scripts",
+            "name" : "records",
+            "type" : "Roo.data.Record[]",
+            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setHidden",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Show or hide the tab",
-        "sig" : "(hidden)",
+        "desc" : "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>",
+        "sig" : "(options)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "hidden",
-            "type" : "Boolean",
-            "desc" : "True to hide or false to show.",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "An object containing properties which control loading options:<ul>\n<li>params {Object} An object containing properties to pass as HTTP parameters to a remote data source.</li>\n<li>params.data {Object} if you are using a MemoryProxy / JsonReader, use this as the data to load stuff..\n<pre>\n                {\n                    data : data,  // array of key=>value data like JsonReader\n                    total : data.length,\n                    success : true\n                    \n                }\n        </pre>\n            }.</li>\n<li>callback {Function} A function to be called after the Records have been loaded. The callback is\npassed the following arguments:<ul>\n<li>r : Roo.data.Record[]</li>\n<li>options: Options object from the load call</li>\n<li>success: Boolean success indicator</li></ul></li>\n<li>scope {Object} Scope with which to call the callback (defaults to the Store object)</li>\n<li>add {Boolean} indicator to append loaded records rather than replace the current cache.</li>\n</ul>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "loadData",
         "type" : "function",
-        "desc" : "Sets the text for the tab (Note: this also sets the tooltip text)",
-        "sig" : "(text)",
+        "desc" : "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor.",
+        "sig" : "(data, append)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The tab's text and tooltip",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "The data block from which to read the Records.  The format of the data expected\nis dependent on the type of Reader that is configured and should correspond to that Reader's readRecords parameter.",
+            "isOptional" : false
+          },
+          {
+            "name" : "append",
+            "type" : "Boolean",
+            "desc" : "True to append the new Records rather than replace the existing cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setTooltip",
+        "name" : "loadDataFromChildren",
         "type" : "function",
-        "desc" : "Set the tooltip for the tab.",
-        "sig" : "(tooltip)",
+        "desc" : "using 'cn' the nested child reader read the child array into it's child stores.",
+        "sig" : "(rec)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tooltip",
-            "type" : "String",
-            "desc" : "The tab's tooltip",
+            "name" : "rec",
+            "type" : "Object",
+            "desc" : "The record with a 'children array",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setUrl",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Set a URL to be used to load the content for this TabPanelItem.",
-        "sig" : "(url, params, loadOnce)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "url",
-            "type" : "String/Function",
-            "desc" : "The URL to load the content from, or a function to call to get the URL",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "String/Object",
-            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "loadOnce",
-            "type" : "Boolean",
-            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this TabPanelItem is activated. (Defaults to false)",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.UpdateManager",
-            "desc" : "The UpdateManager"
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Shows this TabPanelItem -- this <b>does not</b> deactivate the currently active TabPanelItem.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "query",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Query the records by a specified property.",
+        "sig" : "(field, value, anyMatch)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "field",
             "type" : "String",
-            "desc" : "The type of event to listen for",
+            "desc" : "A field on your records",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "value",
+            "type" : "String/RegExp",
+            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "anyMatch",
+            "type" : "Boolean",
+            "desc" : "True to match any part not just the beginning",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.bootstrap.panel.Tabs" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "MixedCollection",
+            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
+          }
+        ]
+      },
       {
-        "name" : "beforetabchange",
+        "name" : "queryBy",
         "type" : "function",
-        "desc" : "Fires before the active tab changes, set cancel to true on the \"e\" parameter to cancel the change",
-        "sig" : "function (_self, e, tab)\n{\n\n}",
+        "desc" : "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results.",
+        "sig" : "(fn, scope)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.TabPanel",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to be called, it will receive 2 args (record, id)",
             "isOptional" : false
           },
           {
-            "name" : "e",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "Set cancel to true on this object to cancel the tab change",
-            "isOptional" : false
-          },
-          {
-            "name" : "tab",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The tab being changed to",
+            "desc" : "(optional) The scope of the function (defaults to this)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "MixedCollection",
+            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
+          }
+        ]
       },
       {
-        "name" : "tabchange",
+        "name" : "rejectChanges",
         "type" : "function",
-        "desc" : "Fires when the active tab changes",
-        "sig" : "function (_self, activePanel)\n{\n\n}",
+        "desc" : "Cancel outstanding changes on all changed records.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.TabPanel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "activePanel",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The new active tab",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "activate",
+        "name" : "reload",
         "type" : "function",
-        "desc" : "Activates a {@link Roo.TabPanelItem}. The currently active one will be deactivated.",
-        "sig" : "(id)",
+        "desc" : "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed.",
+        "sig" : "(options)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to activate.",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing properties which may override the options\nused in the last load operation. See {@link #load} for details (defaults to null, in which case\nthe most recently used options are reused).",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The TabPanelItem."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Remove a Record from the Store and fires the remove event.",
+        "sig" : "(record)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "record",
+            "type" : "Ext.data.Record",
+            "desc" : "The Roo.data.Record object to remove from the cache.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "removeAll",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Remove all Records from the Store and fires the clear event.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDefaultSort",
+        "type" : "function",
+        "desc" : "Sets the default sort column and order to be used by the next load operation.",
+        "sig" : "(fieldName, dir)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "fieldName",
+            "type" : "String",
+            "desc" : "The name of the field to sort by.",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "dir",
+            "type" : "String",
+            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addTab",
+        "name" : "sort",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.TabPanelItem} by looking for an existing element with the provided id -- if it's not found it creates one.",
-        "sig" : "(id, text, content, closable)",
+        "desc" : "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally.",
+        "sig" : "(fieldName, dir)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
+            "name" : "fieldName",
             "type" : "String",
-            "desc" : "The id of the div to use <b>or create</b>",
+            "desc" : "The name of the field to sort by.",
             "isOptional" : false
           },
           {
-            "name" : "text",
+            "name" : "dir",
             "type" : "String",
-            "desc" : "The text for the tab",
+            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "sum",
+        "type" : "function",
+        "desc" : "Sums the value of <i>property</i> for each record between start and end and returns the result.",
+        "sig" : "(property, start, end)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "content",
+            "name" : "property",
             "type" : "String",
-            "desc" : "(optional) Content to put in the TabPanelItem body",
+            "desc" : "A field on your records",
             "isOptional" : false
           },
           {
-            "name" : "closable",
-            "type" : "Boolean",
-            "desc" : "(optional) True to create a close icon on the tab",
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "The record index to start at (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "The last record index to include (defaults to length - 1)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The created TabPanelItem"
+            "type" : "Number",
+            "desc" : "The sum"
           }
         ]
       },
       {
-        "name" : "addTabItem",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Adds an existing {@link Roo.TabPanelItem}.",
-        "sig" : "(item)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "item",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The TabPanelItem to add",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.data.JsonStore",
+      "Roo.data.SimpleStore"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.Tree" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "append",
+        "type" : "function",
+        "desc" : "Fires when a new child node is appended to a node in this tree.",
+        "sig" : "function (tree, parent, node, index)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Node",
+            "desc" : "The parent node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The newly appended node",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the newly appended node",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "autoSizeTabs",
+        "name" : "beforeappend",
         "type" : "function",
-        "desc" : "Manual call to resize the tabs (if {@link #resizeTabs} is false this does nothing)",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires before a new child is appended to a node in this tree, return false to cancel the append.",
+        "sig" : "function (tree, parent, node)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Node",
+            "desc" : "The parent node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node to be appended",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "beginUpdate",
+        "name" : "beforeinsert",
         "type" : "function",
-        "desc" : "Disables tab resizing while tabs are being added (if {@link #resizeTabs} is false this does nothing)",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires before a new child is inserted in a node in this tree, return false to cancel the insert.",
+        "sig" : "function (tree, parent, node, refNode)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Node",
+            "desc" : "The parent node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node to be inserted",
+            "isOptional" : false
+          },
+          {
+            "name" : "refNode",
+            "type" : "Node",
+            "desc" : "The child node the node is being inserted before",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "beforemove",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a node is moved to a new location in the tree. Return false to cancel the move.",
+        "sig" : "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The node being moved",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "oldParent",
+            "type" : "Node",
+            "desc" : "The parent of the node",
+            "isOptional" : false
+          },
+          {
+            "name" : "newParent",
+            "type" : "Node",
+            "desc" : "The new parent the node is moving to",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index it is being moved to",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "beforeremove",
         "type" : "function",
-        "desc" : "Destroys this TabPanel",
-        "sig" : "(removeEl)",
-        "static" : false,
+        "desc" : "Fires before a child is removed from a node in this tree, return false to cancel the remove.",
+        "sig" : "function (tree, parent, node)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "removeEl",
-            "type" : "Boolean",
-            "desc" : "(optional) True to remove the element from the DOM as well (defaults to undefined)",
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Node",
+            "desc" : "The parent node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node to be removed",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disableTab",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "Disables a {@link Roo.TabPanelItem}. It cannot be the active tab, if it is this call is ignored.",
-        "sig" : "(id)",
-        "static" : false,
+        "desc" : "Fires when a new child node is inserted in a node in this tree.",
+        "sig" : "function (tree, parent, node, refNode)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Node",
+            "desc" : "The parent node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node inserted",
+            "isOptional" : false
+          },
+          {
+            "name" : "refNode",
+            "type" : "Node",
+            "desc" : "The child node the node was inserted before",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "move",
+        "type" : "function",
+        "desc" : "Fires when a node is moved to a new location in the tree",
+        "sig" : "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The node moved",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldParent",
+            "type" : "Node",
+            "desc" : "The old parent of this node",
+            "isOptional" : false
+          },
+          {
+            "name" : "newParent",
+            "type" : "Node",
+            "desc" : "The new parent of this node",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index it was moved to",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Fires when a child node is removed from a node in this tree.",
+        "sig" : "function (tree, parent, node)\n{\n\n}",
         "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "tree",
+            "type" : "Tree",
+            "desc" : "The owner tree",
+            "isOptional" : false
+          },
+          {
+            "name" : "parent",
+            "type" : "Node",
+            "desc" : "The parent node",
+            "isOptional" : false
+          },
+          {
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "The child node removed",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to disable.",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enableTab",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Enables a {@link Roo.TabPanelItem} that is disabled.",
-        "sig" : "(id)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to enable.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "endUpdate",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Stops an update and resizes the tabs (if {@link #resizeTabs} is false this does nothing)",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
         ]
       },
       {
-        "name" : "getActiveTab",
+        "name" : "getNodeById",
         "type" : "function",
-        "desc" : "Gets the active {@link Roo.TabPanelItem}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Gets a node in this tree by its id.",
+        "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.TabPanelItem",
-            "desc" : "The active TabPanelItem or null if none are active."
+            "name" : "id",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "getCount",
-        "type" : "function",
-        "desc" : "Returns the number of tabs in this TabPanel.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
+            "type" : "Node",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getTab",
+        "name" : "getRootNode",
         "type" : "function",
-        "desc" : "Returns the {@link Roo.TabPanelItem} with the specified id/index",
-        "sig" : "(id)",
+        "desc" : "Returns the root node for this tree.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to fetch.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.TabPanelItem",
+            "type" : "Node",
             "desc" : ""
           }
         ]
           }
         ]
       },
-      {
-        "name" : "hideTab",
-        "type" : "function",
-        "desc" : "Hides the {@link Roo.TabPanelItem} with the specified id/index",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to hide.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "removeTab",
+        "name" : "setRootNode",
         "type" : "function",
-        "desc" : "Removes a {@link Roo.TabPanelItem}.",
-        "sig" : "(id)",
+        "desc" : "Sets the root node for this tree.",
+        "sig" : "(node)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to remove.",
+            "name" : "node",
+            "type" : "Node",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Node",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "setTabWidth",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Resizes all the tabs to the passed width",
-        "sig" : "(The)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "The",
-            "type" : "Number",
-            "desc" : "new width",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.tree.ColumnTree",
+      "Roo.tree.TreePanel"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.data.XmlReader" : {
+    "props" : [
+      {
+        "name" : "id",
+        "type" : "String",
+        "desc" : "The DomQuery path relative from the record element to the element that contains\na record identifier value.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "syncHeight",
+        "name" : "record",
+        "type" : "String",
+        "desc" : "The DomQuery path to the repeated element which contains record information.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "success",
+        "type" : "String",
+        "desc" : "The DomQuery path to the success attribute used by forms.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "totalRecords",
+        "type" : "String",
+        "desc" : "The DomQuery path from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "newRow",
         "type" : "function",
-        "desc" : "Updates the tab body element to fit the height of the container element\nfor overflow scrolling",
-        "sig" : "(targetHeight)",
+        "desc" : "Create an empty record",
+        "sig" : "(data)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.data.DataReader",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "targetHeight",
-            "type" : "Number",
-            "desc" : "(optional) Override the starting height from the elements height",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "(optional) - overlay some values",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.data.Record",
+            "desc" : "record created."
+          }
+        ]
       },
       {
-        "name" : "un",
+        "name" : "read",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "This method is only used by a DataProxy which has retrieved data from a remote server.",
+        "sig" : "(response)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "response",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The XHR object which contains the parsed XML document.  The response is expected\nto contain a method called 'responseXML' that returns an XML document object.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "records A data block which is used by an {@link Roo.data.Store} as\na cache of Roo.data.Records."
+          }
+        ]
       },
       {
-        "name" : "unhideTab",
+        "name" : "readRecords",
         "type" : "function",
-        "desc" : "\"Unhides\" the {@link Roo.TabPanelItem} with the specified id/index.",
-        "sig" : "(id)",
+        "desc" : "Create a data block containing Roo.data.Records from an XML document.",
+        "sig" : "(doc)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String/Number",
-            "desc" : "The id or index of the TabPanelItem to unhide.",
+            "name" : "doc",
+            "type" : "Object",
+            "desc" : "A parsed XML document.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "records A data block which is used by an {@link Roo.data.Store} as\na cache of Roo.data.Records."
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.data" : {
+  "Roo.dd" : {
     "props" : [],
     "events" : [],
     "methods" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.data.ArrayReader" : {
+  "Roo.dd.DD" : {
     "props" : [
       {
-        "name" : "fields",
-        "type" : "Array",
-        "desc" : "Array of field definition objects",
-        "memberOf" : ""
-      },
-      {
-        "name" : "id",
-        "type" : "String",
-        "desc" : "Name of the property within a row object that contains a record identifier value.\nas specified to {@link Roo.data.Record#create},\nor an {@link Roo.data.Record} object\n\n\ncreated using {@link Roo.data.Record#create}.",
-        "memberOf" : ""
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [],
     "methods" : [
       {
-        "name" : "newRow",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Create an empty record",
-        "sig" : "(data)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.data.DataReader",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
+            "name" : "object",
             "type" : "Object",
-            "desc" : "(optional) - overlay some values",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "record created."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "readRecords",
+        "name" : "addInvalidHandleClass",
         "type" : "function",
-        "desc" : "Create a data block containing Roo.data.Records from an XML document.",
-        "sig" : "(o)",
+        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "An Array of row objects which represents the dataset.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "A data block which is used by an {@link Roo.data.Store} object as\na cache of Roo.data.Records."
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the elements you wish to ignore",
+            "isOptional" : false
           }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.Connection" : {
-    "props" : [
-      {
-        "name" : "autoAbort",
-        "type" : "Boolean",
-        "desc" : "(Optional) Whether this request should abort any pending requests. (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "defaultHeaders",
-        "type" : "Object",
-        "desc" : "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableCaching",
-        "type" : "Boolean",
-        "desc" : "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "extraParams",
-        "type" : "Object",
-        "desc" : "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "method",
-        "type" : "String",
-        "desc" : "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "timeout",
-        "type" : "Number",
-        "desc" : "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
-        "memberOf" : ""
+        ],
+        "returns" : []
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforerequest",
+        "name" : "addInvalidHandleId",
         "type" : "function",
-        "desc" : "Fires before a network request is made to retrieve a data object.",
-        "sig" : "function (conn, options)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "conn",
-            "type" : "Connection",
-            "desc" : "This Connection object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The options config object passed to the {@link #request} method.",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the element id of the element you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "requestcomplete",
+        "name" : "addInvalidHandleType",
         "type" : "function",
-        "desc" : "Fires if the request was successfully completed.",
-        "sig" : "function (conn, response, options)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
+        "sig" : "(tagName)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "conn",
-            "type" : "Connection",
-            "desc" : "This Connection object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "response",
-            "type" : "Object",
-            "desc" : "The XHR object containing the response data.\nSee {@link http://www.w3.org/TR/XMLHttpRequest/} for details.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The options config object passed to the {@link #request} method.",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to exclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "requestexception",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires if an error HTTP status was returned from the server.\nSee {@link http://www.w3.org/Protocols/rfc2616/rfc2616-sec10.html} for details of HTTP status codes.",
-        "sig" : "function (conn, response, options)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "conn",
-            "type" : "Connection",
-            "desc" : "This Connection object.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "response",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The XHR object containing the response data.\nSee {@link http://www.w3.org/TR/XMLHttpRequest/} for details.",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "The options config object passed to the {@link #request} method.",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "abort",
+        "name" : "addToGroup",
         "type" : "function",
-        "desc" : "Aborts any outstanding request.",
-        "sig" : "(transactionId)",
+        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "transactionId",
-            "type" : "Number",
-            "desc" : "(Optional) defaults to the last transaction",
+            "name" : "sGroup",
+            "type" : "",
+            "desc" : "{string} the name of the group",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "alignElWithMouse",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "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.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "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" : "addListener",
+        "name" : "applyConfig",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "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.util.Observable",
+        "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" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the click",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the click",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "cachePosition",
+        "type" : "function",
+        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
+        "sig" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "iPageX",
+            "type" : "",
+            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "iPageY",
+            "type" : "",
+            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
+      {
+        "name" : "clearConstraints",
+        "type" : "function",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "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" : "clearTicks",
+        "type" : "function",
+        "desc" : "Clears any tick interval defined for this instance",
+        "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" : "endDrag",
+        "type" : "function",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getDragEl",
+        "type" : "function",
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "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" : "",
+            "type" : "HTMLElement",
+            "desc" : "the html element"
+          }
+        ]
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns a reference to the linked element",
+        "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" : "",
+            "type" : "HTMLElement",
+            "desc" : "the html element"
+          }
+        ]
+      },
       {
         "name" : "hasListener",
         "type" : "function",
         ]
       },
       {
-        "name" : "isLoading",
+        "name" : "init",
         "type" : "function",
-        "desc" : "Determine whether this object has a request outstanding.",
-        "sig" : "(transactionId)",
+        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "transactionId",
-            "type" : "Number",
-            "desc" : "(Optional) defaults to the last transaction",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if there is an outstanding request."
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "initTarget",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
+          }
+        ]
+      },
+      {
+        "name" : "isTarget",
+        "type" : "function",
+        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "isValidHandleChild",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "the HTMLElement to evaluate",
             "isOptional" : false
           }
         ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this is a valid tag type, false if not"
+          }
+        ]
+      },
+      {
+        "name" : "lock",
+        "type" : "function",
+        "desc" : "Lock this instance",
+        "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" : "removeListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "request",
+        "name" : "onAvailable",
         "type" : "function",
-        "desc" : "Sends an HTTP request to a remote server.",
-        "sig" : "(options)",
+        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "onDrag",
+        "type" : "function",
+        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "An object which may contain the following properties:<ul>\n<li><b>url</b> {String} (Optional) The URL to which to send the request. Defaults to configured URL</li>\n<li><b>params</b> {Object/String/Function} (Optional) An object containing properties which are used as parameters to the\nrequest, a url encoded string or a function to call to get either.</li>\n<li><b>method</b> {String} (Optional) The HTTP method to use for the request. Defaults to the configured method, or\nif no method was configured, \"GET\" if no parameters are being sent, and \"POST\" if parameters are being sent.</li>\n<li><b>callback</b> {Function} (Optional) The function to be called upon receipt of the HTTP response.\nThe callback is called regardless of success or failure and is passed the following parameters:<ul>\n<li>options {Object} The parameter to the request call.</li>\n<li>success {Boolean} True if the request succeeded.</li>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n</ul></li>\n<li><b>success</b> {Function} (Optional) The function to be called upon success of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>failure</b> {Function} (Optional) The function to be called upon failure of the request.\nThe callback is passed the following parameters:<ul>\n<li>response {Object} The XMLHttpRequest object containing the response data.</li>\n<li>options {Object} The parameter to the request call.</li>\n</ul></li>\n<li><b>scope</b> {Object} (Optional) The scope in which to execute the callbacks: The \"this\" object\nfor the callback function. Defaults to the browser window.</li>\n<li><b>form</b> {Object/String} (Optional) A form object or id to pull parameters from.</li>\n<li><b>isUpload</b> {Boolean} (Optional) True if the form object is a file upload (will usually be automatically detected).</li>\n<li><b>headers</b> {Object} (Optional) Request headers to set for the request.</li>\n<li><b>xmlData</b> {Object} (Optional) XML document to use for the post. Note: This will be used instead of\nparams for the post data. Any params will be appended to the URL.</li>\n<li><b>disableCaching</b> {Boolean} (Optional) True to add a unique cache-buster param to GET requests.</li>\n</ul>",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "transactionId"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "onDragDrop",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.Ajax"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.DataProxy" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
+      },
       {
-        "name" : "beforeload",
+        "name" : "onDragEnter",
         "type" : "function",
-        "desc" : "Fires before a network request is made to retrieve a data object.",
-        "sig" : "function (This, params)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "This",
-            "type" : "Object",
-            "desc" : "DataProxy object.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "Object",
-            "desc" : "The params parameter to the load function.",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "onDragOut",
         "type" : "function",
-        "desc" : "Fires before the load method's callback is called.",
-        "sig" : "function (This, o, arg)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Abstract method called when we are no longer hovering over an element",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "This",
-            "type" : "Object",
-            "desc" : "DataProxy object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The data object.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "arg",
-            "type" : "Object",
-            "desc" : "The callback argument object passed to the load function.",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadexception",
+        "name" : "onDragOver",
         "type" : "function",
-        "desc" : "Fires if an Exception occurs during data retrieval.",
-        "sig" : "function (This, o, arg, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "This",
-            "type" : "Object",
-            "desc" : "DataProxy object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The data object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "arg",
-            "type" : "Object",
-            "desc" : "The callback argument object passed to the load function.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The Exception.",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "onInvalidDrop",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "onMouseDown",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousedown event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "onMouseUp",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "padding",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this 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" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "removeFromGroup",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Remove's this instance from the supplied interaction group",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "sGroup",
+            "type" : "string",
+            "desc" : "The group to drop",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "removeInvalidHandleClass",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Unsets an invalid css class",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the element(s) you wish to\nre-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "removeInvalidHandleId",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Unsets an invalid handle id",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the id of the element to re-enable",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "removeInvalidHandleType",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
+        "sig" : "(tagName)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to unexclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "resetConstraints",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
+        "sig" : "(maintainOffset)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "maintainOffset",
+            "type" : "boolean",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDelta",
+        "type" : "function",
+        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
+        "sig" : "(iDeltaX, iDeltaY)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "iDeltaX",
+            "type" : "int",
+            "desc" : "the distance from the left",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "iDeltaY",
+            "type" : "int",
+            "desc" : "the distance from the top",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : true,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.data.HttpProxy"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.DataReader" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "newRow",
+        "name" : "setDragElId",
         "type" : "function",
-        "desc" : "Create an empty record",
-        "sig" : "(data)",
+        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "(optional) - overlay some values",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "record created."
-          }
-        ]
-      }
-    ],
-    "isAbstract" : true,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.data.ArrayReader",
-      "Roo.data.JsonReader",
-      "Roo.data.XmlReader"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.HttpProxy" : {
-    "props" : [
-      {
-        "name" : "autoAbort",
-        "type" : "Boolean",
-        "desc" : "(Optional) Whether this request should abort any pending requests. (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "defaultHeaders",
-        "type" : "Object",
-        "desc" : "(Optional) An object containing request headers which are added\n to each request made by this object. (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableCaching",
-        "type" : "Boolean",
-        "desc" : "(Optional) True to add a unique cache-buster param to GET requests. (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "extraParams",
-        "type" : "Object",
-        "desc" : "(Optional) An object containing properties which are used as\nextra parameters to each request made by this object. (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "method",
-        "type" : "String",
-        "desc" : "(Optional) The default HTTP method to be used for requests. (defaults to undefined; if not set but parms are present will use POST, otherwise GET)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "timeout",
-        "type" : "Number",
-        "desc" : "(Optional) The timeout in milliseconds to be used for requests. (defaults to 30000)",
-        "memberOf" : ""
+        "returns" : []
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "(Optional) The default URL to be used for requests to the server. (defaults to undefined)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforeload",
+        "name" : "setDragElPos",
         "type" : "function",
-        "desc" : "Fires before a network request is made to retrieve a data object.",
-        "sig" : "function (This, params)\n{\n\n}",
-        "memberOf" : "Roo.data.DataProxy",
+        "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "This",
-            "type" : "Object",
-            "desc" : "DataProxy object.",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
             "isOptional" : false
           },
           {
-            "name" : "params",
-            "type" : "Object",
-            "desc" : "The params parameter to the load function.",
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "setHandleElId",
         "type" : "function",
-        "desc" : "Fires before the load method's callback is called.",
-        "sig" : "function (This, o, arg)\n{\n\n}",
-        "memberOf" : "Roo.data.DataProxy",
+        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "This",
-            "type" : "Object",
-            "desc" : "DataProxy object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The data object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "arg",
-            "type" : "Object",
-            "desc" : "The callback argument object passed to the load function.",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadexception",
+        "name" : "setInitPosition",
         "type" : "function",
-        "desc" : "Fires if an Exception occurs during data retrieval.",
-        "sig" : "function (This, o, arg, e)\n{\n\n}",
-        "memberOf" : "Roo.data.DataProxy",
+        "desc" : "Stores the initial placement of the linked element.",
+        "sig" : "(diffX, diffY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "This",
-            "type" : "Object",
-            "desc" : "DataProxy object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "The data object.",
-            "isOptional" : false
-          },
-          {
-            "name" : "arg",
-            "type" : "Object",
-            "desc" : "The callback argument object passed to the load function.",
+            "name" : "diffX",
+            "type" : "int",
+            "desc" : "the X offset, default 0",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The Exception.",
+            "name" : "diffY",
+            "type" : "int",
+            "desc" : "the Y offset, default 0",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "setOuterHandleElId",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "setPadding",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
+        "sig" : "(iTop, iRight, iBot, iLeft)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "iTop",
+            "type" : "int",
+            "desc" : "Top pad",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "Right pad",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "iBot",
+            "type" : "int",
+            "desc" : "Bot pad",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "Left pad",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "setXConstraint",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
+        "sig" : "(iLeft, iRight, iTickSize)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the left",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the\nright",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "setYConstraint",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
+        "sig" : "(iUp, iDown, iTickSize)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "iUp",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move up",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "iDown",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move down",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
-      },
-      {
-        "name" : "getConnection",
-        "type" : "function",
-        "desc" : "Return the {@link Roo.data.Connection} object being used by this Proxy.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Connection",
-            "desc" : "The Connection object. This object may be used to subscribe to events on\na finer-grained basis than the DataProxy events."
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "startDrag",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
+        "sig" : "(X, Y)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "X",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "Y",
+            "type" : "int",
+            "desc" : "click location",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "toString",
         "type" : "function",
-        "desc" : "Load data from the configured {@link Roo.data.Connection}, read the data object into\na block of Roo.data.Records using the passed {@link Roo.data.DataReader} implementation, and\nprocess that block using the passed callback.",
-        "sig" : "(params, reader, callback, scope, arg)",
+        "desc" : "toString method",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "params",
-            "type" : "Object",
-            "desc" : "An object containing properties which are to be used as HTTP parameters\nfor the request to the remote server.",
-            "isOptional" : false
-          },
-          {
-            "name" : "reader",
-            "type" : "Roo.data.DataReader",
-            "desc" : "The Reader object which converts the data\nobject into a block of Roo.data.Records.",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "The function into which to pass the block of Roo.data.Records.\nThe function must be passed <ul>\n<li>The Record block object</li>\n<li>The \"arg\" argument from the load function</li>\n<li>A boolean success indicator</li>\n</ul>",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "The scope in which to call the callback",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "arg",
-            "type" : "Object",
-            "desc" : "An optional argument which is passed to the callback as its second parameter.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "string",
+            "desc" : "string representation of the dd obj"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "on",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Unlock this instace",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "unreg",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Remove all drag and drop hooks for this element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.dd.DDProxy",
+      "Roo.dd.DragSource",
+      "Roo.dd.DragZone",
+      "Roo.grid.SplitDragZone"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.dd.DDProxy" : {
+    "props" : [
       {
-        "name" : "removeListener",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "object",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "addInvalidHandleClass",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the elements you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.JsonReader" : {
-    "props" : [
-      {
-        "name" : "fields",
-        "type" : "Array",
-        "desc" : "Array of field definition objects",
-        "memberOf" : ""
-      },
-      {
-        "name" : "id",
-        "type" : "String",
-        "desc" : "Name of the property within a row object that contains a record identifier value.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "root",
-        "type" : "String",
-        "desc" : "name of the property which contains the Array of row objects.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "successProperty",
-        "type" : "String",
-        "desc" : "Name of the property from which to retrieve the success attribute used by forms.",
-        "memberOf" : ""
       },
       {
-        "name" : "totalProperty",
-        "type" : "String",
-        "desc" : "Name of the property from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "newRow",
+        "name" : "addInvalidHandleId",
         "type" : "function",
-        "desc" : "Create an empty record",
-        "sig" : "(data)",
+        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.data.DataReader",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "(optional) - overlay some values",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the element id of the element you wish to ignore",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "record created."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "read",
+        "name" : "addInvalidHandleType",
         "type" : "function",
-        "desc" : "This method is only used by a DataProxy which has retrieved data from a remote server.",
-        "sig" : "(response)",
+        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "response",
-            "type" : "Object",
-            "desc" : "The XHR object which contains the JSON data in its responseText.",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to exclude",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "data A data block which is used by an Roo.data.Store object as\na cache of Roo.data.Records."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "readRecords",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Create a data block containing Roo.data.Records from an XML document.",
-        "sig" : "(o)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Object",
-            "desc" : "An object which contains an Array of row objects in the property specified\nin the config as 'root, and optionally a property, specified in the config as 'totalProperty'\nwhich contains the total size of the dataset.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "data A data block which is used by an Roo.data.Store object as\na cache of Roo.data.Records."
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.JsonStore" : {
-    "props" : [
-      {
-        "name" : "baseParams",
-        "type" : "Object",
-        "desc" : "An object containing properties which are to be sent as parameters\non any HTTP request",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "data",
-        "type" : "Array",
-        "desc" : "Inline data to be loaded when the store is initialized.",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "fields",
-        "type" : "Array",
-        "desc" : "An array of field definition objects, or field name strings.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isLocal",
-        "type" : "boolean",
-        "desc" : "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "multiSort",
-        "type" : "Boolean",
-        "desc" : "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "proxy",
-        "type" : "Roo.data.DataProxy",
-        "desc" : "[required] The Proxy object which provides access to a data object.",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "pruneModifiedRecords",
-        "type" : "boolean",
-        "desc" : "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "reader",
-        "type" : "Roo.data.DataReader",
-        "desc" : "[required]  The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "remoteSort",
-        "type" : "boolean",
-        "desc" : "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "sortInfo",
-        "type" : "Object",
-        "desc" : "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-        "memberOf" : "Roo.data.Store"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Fires when Records have been added to the Store",
-        "sig" : "function (_self, records, index)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The array of Records added",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index at which the record(s) were added",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeload",
+        "name" : "addToGroup",
         "type" : "function",
-        "desc" : "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled.",
-        "sig" : "function (_self, options)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
+        "sig" : "(sGroup)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "sGroup",
+            "type" : "",
+            "desc" : "{string} the name of the group",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeloadadd",
+        "name" : "alignElWithMouse",
         "type" : "function",
-        "desc" : "Fires after a new set of Records has been loaded.",
-        "sig" : "function (_self, records, options)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "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" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element to move",
             "isOptional" : false
           },
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The Records that were loaded",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clear",
+        "name" : "applyConfig",
         "type" : "function",
-        "desc" : "Fires when the data cache has been cleared.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "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" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "datachanged",
+        "name" : "autoOffset",
         "type" : "function",
-        "desc" : "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "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" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "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" : "load",
+        "name" : "cachePosition",
         "type" : "function",
-        "desc" : "Fires after a new set of Records has been loaded, before they are added to the store.",
-        "sig" : "function (_self, records, options)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
+        "sig" : "(iPageX, iPageY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The Records that were loaded",
+            "name" : "iPageX",
+            "type" : "",
+            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "iPageY",
+            "type" : "",
+            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadexception",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args",
-        "sig" : "function (, return, load, jsonData)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "",
-            "type" : "Proxy",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "return",
-            "type" : "Object",
-            "desc" : "from JsonData.reader() - success, totalRecords, records",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "load",
-            "type" : "Object",
-            "desc" : "options",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
-            "name" : "jsonData",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "from your request (normally this contains the Exception)",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "metachange",
+        "name" : "clearConstraints",
         "type" : "function",
-        "desc" : "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders.",
-        "sig" : "function (_self, meta)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "meta",
-            "type" : "Object",
-            "desc" : "The JSON metadata",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "clearTicks",
         "type" : "function",
-        "desc" : "Fires when a Record has been removed from the Store",
-        "sig" : "function (_self, record, index)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Clears any tick interval defined for this instance",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record that was removed",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index at which the record was removed",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "update",
-        "type" : "function",
-        "desc" : "Fires when a Record has been updated",
-        "sig" : "function (_self, record, operation)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record that was updated",
-            "isOptional" : false
-          },
-          {
-            "name" : "operation",
-            "type" : "String",
-            "desc" : "The update operation being performed.  Value may be one of:\n<pre><code>\n Roo.data.Record.EDIT\n Roo.data.Record.REJECT\n Roo.data.Record.COMMIT\n</code></pre>",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "add",
+        "name" : "createFrame",
         "type" : "function",
-        "desc" : "Add Records to the Store and fires the add event.",
-        "sig" : "(records)",
+        "desc" : "Creates the proxy element if it does not yet exist",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "endDrag",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "getDragEl",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "the html element"
+          }
+        ]
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns a reference to the linked element",
+        "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" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "clearFilter",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Revert to a view of the Record cache with no filtering applied.",
-        "sig" : "(suppressEvent)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "If true the filter is cleared silently without notifying listeners",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "collect",
+        "name" : "init",
         "type" : "function",
-        "desc" : "Collects unique values for a particular dataIndex from this store.",
-        "sig" : "(dataIndex, allowNull, bypassFilter)",
+        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "dataIndex",
-            "type" : "String",
-            "desc" : "The property to collect",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
           },
           {
-            "name" : "allowNull",
-            "type" : "Boolean",
-            "desc" : "(optional) Pass true to allow null, undefined or empty string values",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
             "isOptional" : false
           },
           {
-            "name" : "bypassFilter",
-            "type" : "Boolean",
-            "desc" : "(optional) Pass true to collect from all records, even ones which are filtered",
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "An array of the unique values"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "commitChanges",
+        "name" : "initFrame",
         "type" : "function",
-        "desc" : "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT.",
+        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "each",
+        "name" : "initTarget",
         "type" : "function",
-        "desc" : "Calls the specified function for each of the Records in the cache.",
-        "sig" : "(fn, scope)",
+        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call. The Record is passed as the first parameter.\nReturning <em>false</em> aborts and exits the iteration.",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to call the function (defaults to the Record).",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "filter",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Filter the records by a specified property.",
-        "sig" : "(field, value, anyMatch)",
+        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "field",
-            "type" : "String",
-            "desc" : "A field on your records",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String/RegExp",
-            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "anyMatch",
-            "type" : "Boolean",
-            "desc" : "True to match any part not just the beginning",
-            "isOptional" : false
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
           }
-        ],
+        ]
+      },
+      {
+        "name" : "isTarget",
+        "type" : "function",
+        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
+        "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" : "filterBy",
+        "name" : "isValidHandleChild",
         "type" : "function",
-        "desc" : "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered.",
-        "sig" : "(fn, scope)",
+        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
+        "sig" : "(node)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to be called, it will receive 2 args (record, id)",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to this)",
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "the HTMLElement to evaluate",
             "isOptional" : false
           }
         ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this is a valid tag type, false if not"
+          }
+        ]
+      },
+      {
+        "name" : "lock",
+        "type" : "function",
+        "desc" : "Lock this instance",
+        "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" : "fireEvent",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getAt",
+        "name" : "onAvailable",
         "type" : "function",
-        "desc" : "Get the Record at the specified index.",
-        "sig" : "(index)",
+        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "onDrag",
+        "type" : "function",
+        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the Record to find.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record at the passed index. Returns undefined if not found."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getById",
+        "name" : "onDragDrop",
         "type" : "function",
-        "desc" : "Get the Record with the specified id.",
-        "sig" : "(id)",
+        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
+            "isOptional" : false
+          },
           {
             "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the Record to find.",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record with the passed id. Returns undefined if not found."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getCount",
+        "name" : "onDragEnter",
         "type" : "function",
-        "desc" : "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "getModifiedRecords",
+        "name" : "onDragOut",
         "type" : "function",
-        "desc" : "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging).",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Abstract method called when we are no longer hovering over an element",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An array of Records containing outstanding modifications."
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRange",
+        "name" : "onDragOver",
         "type" : "function",
-        "desc" : "Returns a range of Records between specified indices.",
-        "sig" : "(startIndex, endIndex)",
+        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "startIndex",
-            "type" : "Number",
-            "desc" : "(optional) The starting index (defaults to 0)",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "endIndex",
-            "type" : "Number",
-            "desc" : "(optional) The ending index (defaults to the last Record in the Store)",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An array of Records"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getSortState",
+        "name" : "onInvalidDrop",
         "type" : "function",
-        "desc" : "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "getTotalCount",
+        "name" : "onMouseDown",
         "type" : "function",
-        "desc" : "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousedown event",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "onMouseUp",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "indexOf",
+        "name" : "padding",
         "type" : "function",
-        "desc" : "Get the index within the cache of the passed Record.",
-        "sig" : "(record)",
+        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Roo.data.Record object to to find.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the passed Record. Returns -1 if not found."
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "indexOfId",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Get the index within the cache of the Record with the passed id.",
-        "sig" : "(id)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the Record to find.",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the Record. Returns -1 if not found."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "insert",
+        "name" : "removeFromGroup",
         "type" : "function",
-        "desc" : "Inserts Records to the Store at the given index and fires the add event.",
-        "sig" : "(index, records)",
+        "desc" : "Remove's this instance from the supplied interaction group",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The start index at which to insert the passed Records.",
-            "isOptional" : false
-          },
-          {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
+            "name" : "sGroup",
+            "type" : "string",
+            "desc" : "The group to drop",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "removeInvalidHandleClass",
         "type" : "function",
-        "desc" : "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>",
-        "sig" : "(options)",
+        "desc" : "Unsets an invalid css class",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "An object containing properties which control loading options:<ul>\n<li>params {Object} An object containing properties to pass as HTTP parameters to a remote data source.</li>\n<li>callback {Function} A function to be called after the Records have been loaded. The callback is\npassed the following arguments:<ul>\n<li>r : Roo.data.Record[]</li>\n<li>options: Options object from the load call</li>\n<li>success: Boolean success indicator</li></ul></li>\n<li>scope {Object} Scope with which to call the callback (defaults to the Store object)</li>\n<li>add {Boolean} indicator to append loaded records rather than replace the current cache.</li>\n</ul>",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the element(s) you wish to\nre-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadData",
+        "name" : "removeInvalidHandleId",
         "type" : "function",
-        "desc" : "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor.",
-        "sig" : "(data, append)",
+        "desc" : "Unsets an invalid handle id",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "The data block from which to read the Records.  The format of the data expected\nis dependent on the type of Reader that is configured and should correspond to that Reader's readRecords parameter.",
-            "isOptional" : false
-          },
-          {
-            "name" : "append",
-            "type" : "Boolean",
-            "desc" : "(Optional) True to append the new Records rather than replace the existing cache.",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the id of the element to re-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadDataFromChildren",
+        "name" : "removeInvalidHandleType",
         "type" : "function",
-        "desc" : "using 'cn' the nested child reader read the child array into it's child stores.",
-        "sig" : "(rec)",
+        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "rec",
-            "type" : "Object",
-            "desc" : "The record with a 'children array",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to unexclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "resetConstraints",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
+        "sig" : "(maintainOffset)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "maintainOffset",
+            "type" : "boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "query",
+        "name" : "setDelta",
         "type" : "function",
-        "desc" : "Query the records by a specified property.",
-        "sig" : "(field, value, anyMatch)",
+        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
+        "sig" : "(iDeltaX, iDeltaY)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "String",
-            "desc" : "A field on your records",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String/RegExp",
-            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "name" : "iDeltaX",
+            "type" : "int",
+            "desc" : "the distance from the left",
             "isOptional" : false
           },
           {
-            "name" : "anyMatch",
-            "type" : "Boolean",
-            "desc" : "True to match any part not just the beginning",
+            "name" : "iDeltaY",
+            "type" : "int",
+            "desc" : "the distance from the top",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MixedCollection",
-            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "queryBy",
+        "name" : "setDragElId",
         "type" : "function",
-        "desc" : "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results.",
-        "sig" : "(fn, scope)",
+        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to be called, it will receive 2 args (record, id)",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to this)",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MixedCollection",
-            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "rejectChanges",
+        "name" : "setDragElPos",
         "type" : "function",
-        "desc" : "Cancel outstanding changes on all changed records.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "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" : "releaseCapture",
+        "name" : "setHandleElId",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "reload",
+        "name" : "setInitPosition",
         "type" : "function",
-        "desc" : "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed.",
-        "sig" : "(options)",
+        "desc" : "Stores the initial placement of the linked element.",
+        "sig" : "(diffX, diffY)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing properties which may override the options\nused in the last load operation. See {@link #load} for details (defaults to null, in which case\nthe most recently used options are reused).",
+            "name" : "diffX",
+            "type" : "int",
+            "desc" : "the X offset, default 0",
+            "isOptional" : false
+          },
+          {
+            "name" : "diffY",
+            "type" : "int",
+            "desc" : "the Y offset, default 0",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "setOuterHandleElId",
         "type" : "function",
-        "desc" : "Remove a Record from the Store and fires the remove event.",
-        "sig" : "(record)",
+        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "record",
-            "type" : "Ext.data.Record",
-            "desc" : "The Roo.data.Record object to remove from the cache.",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeAll",
+        "name" : "setPadding",
         "type" : "function",
-        "desc" : "Remove all Records from the Store and fires the clear event.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
+        "sig" : "(iTop, iRight, iBot, iLeft)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "iTop",
+            "type" : "int",
+            "desc" : "Top pad",
+            "isOptional" : false
+          },
+          {
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "Right pad",
+            "isOptional" : false
+          },
+          {
+            "name" : "iBot",
+            "type" : "int",
+            "desc" : "Bot pad",
+            "isOptional" : false
+          },
+          {
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "Left pad",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "setXConstraint",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
+        "sig" : "(iLeft, iRight, iTickSize)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the left",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the\nright",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDefaultSort",
+        "name" : "setYConstraint",
         "type" : "function",
-        "desc" : "Sets the default sort column and order to be used by the next load operation.",
-        "sig" : "(fieldName, dir)",
+        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
+        "sig" : "(iUp, iDown, iTickSize)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fieldName",
-            "type" : "String",
-            "desc" : "The name of the field to sort by.",
+            "name" : "iUp",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move up",
             "isOptional" : false
           },
           {
-            "name" : "dir",
-            "type" : "String",
-            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
+            "name" : "iDown",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move down",
+            "isOptional" : false
+          },
+          {
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "sort",
+        "name" : "startDrag",
         "type" : "function",
-        "desc" : "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally.",
-        "sig" : "(fieldName, dir)",
+        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
+        "sig" : "(X, Y)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fieldName",
-            "type" : "String",
-            "desc" : "The name of the field to sort by.",
+            "name" : "X",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           },
           {
-            "name" : "dir",
-            "type" : "String",
-            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
+            "name" : "Y",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "sum",
+        "name" : "toString",
         "type" : "function",
-        "desc" : "Sums the value of <i>property</i> for each record between start and end and returns the result.",
-        "sig" : "(property, start, end)",
+        "desc" : "toString method",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "property",
-            "type" : "String",
-            "desc" : "A field on your records",
-            "isOptional" : false
-          },
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "The record index to start at (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "The last record index to include (defaults to length - 1)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The sum"
+            "type" : "string",
+            "desc" : "string representation of the dd obj"
           }
         ]
       },
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.MemoryProxy" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "load",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Load data from the requested source (in this case an in-memory\ndata object passed to the constructor), read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback.",
-        "sig" : "(params, reader, callback, scope, arg)",
+        "desc" : "Unlock this instace",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "params",
-            "type" : "Object",
-            "desc" : "This parameter is not used by the MemoryProxy class.",
-            "isOptional" : false
-          },
-          {
-            "name" : "reader",
-            "type" : "Roo.data.DataReader",
-            "desc" : "The Reader object which converts the data\nobject into a block of Roo.data.Records.",
-            "isOptional" : false
-          },
-          {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "The function into which to pass the block of Roo.data.records.\nThe function must be passed <ul>\n<li>The Record block object</li>\n<li>The \"arg\" argument from the load function</li>\n<li>A boolean success indicator</li>\n</ul>",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "The scope in which to call the callback",
-            "isOptional" : false
-          },
-          {
-            "name" : "arg",
-            "type" : "Object",
-            "desc" : "An optional argument which is passed to the callback as its second parameter.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "unreg",
+        "type" : "function",
+        "desc" : "Remove all drag and drop hooks for this element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.dd.DragSource",
+      "Roo.dd.DragZone",
+      "Roo.grid.SplitDragZone"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.data.Node" : {
+  "Roo.dd.DDTarget" : {
     "props" : [
-      {
-        "name" : "id",
-        "type" : "String",
-        "desc" : "The id for this node. If one is not specified, one is generated.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "leaf",
-        "type" : "Boolean",
-        "desc" : "true if this node is a leaf and does not have children",
-        "memberOf" : ""
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
-    "events" : [
+    "events" : [],
+    "methods" : [
       {
-        "name" : "append",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires when a new child node is appended",
-        "sig" : "function (tree, _self, node, index)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The newly appended node",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the newly appended node",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeappend",
-        "type" : "function",
-        "desc" : "Fires before a new child is appended, return false to cancel the append.",
-        "sig" : "function (tree, _self, node)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node to be appended",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeinsert",
-        "type" : "function",
-        "desc" : "Fires before a new child is inserted, return false to cancel the insert.",
-        "sig" : "function (tree, _self, node, refNode)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node to be inserted",
-            "isOptional" : false
-          },
-          {
-            "name" : "refNode",
-            "type" : "Node",
-            "desc" : "The child node the node is being inserted before",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforemove",
-        "type" : "function",
-        "desc" : "Fires before this node is moved to a new location in the tree. Return false to cancel the move.",
-        "sig" : "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldParent",
-            "type" : "Node",
-            "desc" : "The parent of this node",
-            "isOptional" : false
-          },
-          {
-            "name" : "newParent",
-            "type" : "Node",
-            "desc" : "The new parent this node is moving to",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index it is being moved to",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeremove",
-        "type" : "function",
-        "desc" : "Fires before a child is removed, return false to cancel the remove.",
-        "sig" : "function (tree, _self, node)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node to be removed",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "insert",
+        "name" : "addInvalidHandleClass",
         "type" : "function",
-        "desc" : "Fires when a new child node is inserted.",
-        "sig" : "function (tree, _self, node, refNode)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
+        "sig" : "(cssClass)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node inserted",
-            "isOptional" : false
-          },
-          {
-            "name" : "refNode",
-            "type" : "Node",
-            "desc" : "The child node the node was inserted before",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the elements you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "addInvalidHandleId",
         "type" : "function",
-        "desc" : "Fires when this node is moved to a new location in the tree",
-        "sig" : "function (tree, _self, oldParent, newParent, index)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldParent",
-            "type" : "Node",
-            "desc" : "The old parent of this node",
-            "isOptional" : false
-          },
-          {
-            "name" : "newParent",
-            "type" : "Node",
-            "desc" : "The new parent of this node",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index it was moved to",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the element id of the element you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Fires when a child node is removed",
-        "sig" : "function (tree, _self, node)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "this",
-            "type" : "Node",
-            "desc" : "This node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The removed node",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
+        "name" : "addInvalidHandleType",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to exclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "appendChild",
+        "name" : "addToGroup",
         "type" : "function",
-        "desc" : "Insert node(s) as the last child node of this node.",
-        "sig" : "(node)",
+        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "Node/Array",
-            "desc" : "The node or Array of nodes to append",
+            "name" : "sGroup",
+            "type" : "",
+            "desc" : "{string} the name of the group",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Node",
-            "desc" : "The appended node if single append, or null if an array was passed"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "bubble",
+        "name" : "applyConfig",
         "type" : "function",
-        "desc" : "Bubbles up the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe bubble is stopped.",
-        "sig" : "(fn, scope, args)",
+        "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" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to current node)",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Array",
-            "desc" : "(optional) The args to call the function with (default to passing the current node)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "cascade",
+        "name" : "clearConstraints",
         "type" : "function",
-        "desc" : "Cascades down the tree from this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe cascade is stopped on that branch.",
-        "sig" : "(fn, scope, args)",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to current node)",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Array",
-            "desc" : "(optional) The args to call the function with (default to passing the current node)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "contains",
-        "type" : "function",
-        "desc" : "Returns true if this node is an ancestor (at any point) of the passed node.",
-        "sig" : "(node)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "eachChild",
+        "name" : "clearTicks",
         "type" : "function",
-        "desc" : "Interates the child nodes of this node, calling the specified function with each node. The scope (<i>this</i>) of\nfunction call will be the scope provided or the current node. The arguments to the function\nwill be the args provided or the current node. If the function returns false at any point,\nthe iteration stops.",
-        "sig" : "(fn, scope, args)",
+        "desc" : "Clears any tick interval defined for this instance",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to current node)",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Array",
-            "desc" : "(optional) The args to call the function with (default to passing the current node)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "findChild",
-        "type" : "function",
-        "desc" : "Finds the first child that has the attribute with the specified value.",
-        "sig" : "(attribute, value)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "attribute",
-            "type" : "String",
-            "desc" : "The attribute name",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to search for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Node",
-            "desc" : "The found child or null if none was found"
-          }
-        ]
-      },
-      {
-        "name" : "findChildBy",
+        "name" : "endDrag",
         "type" : "function",
-        "desc" : "Finds the first child by a custom function. The child matches if the function passed\nreturns true.",
-        "sig" : "(fn, scope)",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Node",
-            "desc" : "The found child or null if none was found"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "getDepth",
+        "name" : "getDragEl",
         "type" : "function",
-        "desc" : "Returns depth of this node (the root node has a depth of 0)",
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
         ]
       },
       {
-        "name" : "getOwnerTree",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the tree this node is in.",
+        "desc" : "Returns a reference to the linked element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Tree",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getPath",
-        "type" : "function",
-        "desc" : "Returns the path for this node. The path can be used to expand or select this node programmatically.",
-        "sig" : "(attr)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "attr",
-            "type" : "String",
-            "desc" : "(optional) The attr to use for the path (defaults to the node's id)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "The path"
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
         ]
       },
         ]
       },
       {
-        "name" : "indexOf",
+        "name" : "init",
         "type" : "function",
-        "desc" : "Returns the index of a child node",
-        "sig" : "(node)",
+        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the node or -1 if it was not found"
-          }
-        ]
-      },
-      {
-        "name" : "insertBefore",
-        "type" : "function",
-        "desc" : "Inserts the first node before the second node in this nodes childNodes collection.",
-        "sig" : "(node, refNode)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The node to insert",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
             "isOptional" : false
           },
           {
-            "name" : "refNode",
-            "type" : "Node",
-            "desc" : "The node to insert before (if null the node is appended)",
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Node",
-            "desc" : "The inserted node"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isAncestor",
+        "name" : "initTarget",
         "type" : "function",
-        "desc" : "Returns true if the passed node is an ancestor (at any point) of this node.",
-        "sig" : "(node)",
+        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isFirst",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Returns true if this node is the first child of its parent",
+        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "boolean",
+            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
           }
         ]
       },
       {
-        "name" : "isLast",
+        "name" : "isTarget",
         "type" : "function",
-        "desc" : "Returns true if this node is the last child of its parent",
+        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isLeaf",
+        "name" : "isValidHandleChild",
         "type" : "function",
-        "desc" : "Returns true if this node is a leaf",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
+        "sig" : "(node)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "the HTMLElement to evaluate",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "boolean",
+            "desc" : "true if this is a valid tag type, false if not"
           }
         ]
       },
       {
-        "name" : "item",
+        "name" : "lock",
         "type" : "function",
-        "desc" : "Returns the child node at the specified index.",
-        "sig" : "(index)",
+        "desc" : "Lock this instance",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Node",
-            "desc" : ""
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "onAvailable",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "onDrag",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeChild",
+        "name" : "onDragDrop",
         "type" : "function",
-        "desc" : "Removes a child node from this node.",
-        "sig" : "(node)",
+        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The node to remove",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Node",
-            "desc" : "The removed node"
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "onDragEnter",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "replaceChild",
+        "name" : "onDragOut",
         "type" : "function",
-        "desc" : "Replaces one child node in this node with another.",
-        "sig" : "(newChild, oldChild)",
+        "desc" : "Abstract method called when we are no longer hovering over an element",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "newChild",
-            "type" : "Node",
-            "desc" : "The replacement node",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "oldChild",
-            "type" : "Node",
-            "desc" : "The node to replace",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Node",
-            "desc" : "The replaced node"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "sort",
+        "name" : "onDragOver",
         "type" : "function",
-        "desc" : "Sorts this nodes children using the supplied sort function",
-        "sig" : "(fn, scope)",
+        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "onInvalidDrop",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onMouseDown",
+        "type" : "function",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousedown event",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onMouseUp",
+        "type" : "function",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.tree.AsyncTreeNode",
-      "Roo.tree.TreeNode"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.Record" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "commit",
+        "name" : "padding",
         "type" : "function",
-        "desc" : "Usually called by the {@link Roo.data.Store} which owns the Record.\nCommits all changes made to the Record since either creation, or the last commit operation.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof commit operations.",
+        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "copy",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Creates a copy of this record.",
-        "sig" : "(id)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "(optional) A new record id if you don't want to use this record's id",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Record",
-            "desc" : ""
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "create",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Generate a constructor for a specific record layout.",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
         "sig" : "(o)",
         "static" : true,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "o",
-            "type" : "Array",
-            "desc" : "An Array of field definition objects which specify field names, and optionally,\ndata types, and a mapping for an {@link Roo.data.Reader} to extract the field's value from a data object.\nEach field definition object may contain the following properties: <ul>\n<li><b>name</b> : String<p style=\"margin-left:1em\">The name by which the field is referenced within the Record. This is referenced by,\nfor example the <em>dataIndex</em> property in column definition objects passed to {@link Roo.grid.ColumnModel}</p></li>\n<li><b>mapping</b> : String<p style=\"margin-left:1em\">(Optional) A path specification for use by the {@link Roo.data.Reader} implementation\nthat is creating the Record to access the data value from the data object. If an {@link Roo.data.JsonReader}\nis being used, then this is a string containing the javascript expression to reference the data relative to \nthe record item's root. If an {@link Roo.data.XmlReader} is being used, this is an {@link Roo.DomQuery} path\nto the data item relative to the record element. If the mapping expression is the same as the field name,\nthis may be omitted.</p></li>\n<li><b>type</b> : String<p style=\"margin-left:1em\">(Optional) The data type for conversion to displayable value. Possible values are\n<ul><li>auto (Default, implies no conversion)</li>\n<li>string</li>\n<li>int</li>\n<li>float</li>\n<li>boolean</li>\n<li>date</li></ul></p></li>\n<li><b>sortType</b> : Mixed<p style=\"margin-left:1em\">(Optional) A member of {@link Roo.data.SortTypes}.</p></li>\n<li><b>sortDir</b> : String<p style=\"margin-left:1em\">(Optional) Initial direction to sort. \"ASC\" or \"DESC\"</p></li>\n<li><b>convert</b> : Function<p style=\"margin-left:1em\">(Optional) A function which converts the value provided\nby the Reader into an object that will be stored in the Record. It is passed the\nfollowing parameters:<ul>\n<li><b>v</b> : Mixed<p style=\"margin-left:1em\">The data value as read by the Reader.</p></li>\n</ul></p></li>\n<li><b>dateFormat</b> : String<p style=\"margin-left:1em\">(Optional) A format String for the Date.parseDate function.</p></li>\n</ul>\n<br>usage:<br><pre><code>\nvar TopicRecord = Roo.data.Record.create(\n    {name: 'title', mapping: 'topic_title'},\n    {name: 'author', mapping: 'username'},\n    {name: 'totalPosts', mapping: 'topic_replies', type: 'int'},\n    {name: 'lastPost', mapping: 'post_time', type: 'date'},\n    {name: 'lastPoster', mapping: 'user2'},\n    {name: 'excerpt', mapping: 'post_text'}\n);\n\nvar myNewRecord = new TopicRecord({\n    title: 'Do my job please',\n    author: 'noobie',\n    totalPosts: 1,\n    lastPost: new Date(),\n    lastPoster: 'Animal',\n    excerpt: 'No way dude!'\n});\nmyStore.add(myNewRecord);\n</code></pre>",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "get",
+        "name" : "removeFromGroup",
         "type" : "function",
-        "desc" : "Get the value of the named field.",
-        "sig" : "(name)",
+        "desc" : "Remove's this instance from the supplied interaction group",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "name",
-            "type" : "String",
-            "desc" : "The name of the field to get the value of.",
+            "name" : "sGroup",
+            "type" : "string",
+            "desc" : "The group to drop",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "The value of the field."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "reject",
+        "name" : "removeInvalidHandleClass",
         "type" : "function",
-        "desc" : "Usually called by the {@link Roo.data.Store} which owns the Record.\nRejects all changes made to the Record since either creation, or the last commit operation.\nModified fields are reverted to their original values.\n<p>\nDevelopers should subscribe to the {@link Roo.data.Store#update} event to have their code notified\nof reject operations.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Unsets an invalid css class",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the element(s) you wish to\nre-enable",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "set",
+        "name" : "removeInvalidHandleId",
         "type" : "function",
-        "desc" : "Set the named field to the specified value.",
-        "sig" : "(name, value)",
+        "desc" : "Unsets an invalid handle id",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "name",
-            "type" : "String",
-            "desc" : "The name of the field to set.",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Object",
-            "desc" : "The value to set the field to.",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the id of the element to re-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.ScriptTagProxy" : {
-    "props" : [
-      {
-        "name" : "callbackParam",
-        "type" : "String",
-        "desc" : "(Optional) The name of the parameter to pass to the server which tells\nthe server the name of the callback function set up by the load call to process the returned data object.\nDefaults to \"callback\".<p>The server-side processing must read this parameter value, and generate\njavascript output which calls this named function passing the data object as its only parameter.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "nocache",
-        "type" : "Boolean",
-        "desc" : "(Optional) Defaults to true. Disable cacheing by adding a unique parameter\nname to the request.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "timeout",
-        "type" : "Number",
-        "desc" : "(Optional) The number of milliseconds to wait for a response. Defaults to 30 seconds.",
-        "memberOf" : ""
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "The URL from which to request the data object.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "abort",
+        "name" : "removeInvalidHandleType",
         "type" : "function",
-        "desc" : "Abort the current server request.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to unexclude",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Load data from the configured URL, read the data object into\na block of Roo.data.Records using the passed Roo.data.DataReader implementation, and\nprocess that block using the passed callback.",
-        "sig" : "(params, reader, callback, scope, arg)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "params",
-            "type" : "Object",
-            "desc" : "An object containing properties which are to be used as HTTP parameters\nfor the request to the remote server.",
-            "isOptional" : false
-          },
-          {
-            "name" : "reader",
-            "type" : "Roo.data.DataReader",
-            "desc" : "The Reader object which converts the data\nobject into a block of Roo.data.Records.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "callback",
+            "name" : "handler",
             "type" : "Function",
-            "desc" : "The function into which to pass the block of Roo.data.Records.\nThe function must be passed <ul>\n<li>The Record block object</li>\n<li>The \"arg\" argument from the load function</li>\n<li>A boolean success indicator</li>\n</ul>",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "The scope in which to call the callback",
-            "isOptional" : false
-          },
-          {
-            "name" : "arg",
-            "type" : "Object",
-            "desc" : "An optional argument which is passed to the callback as its second parameter.",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.SimpleStore" : {
-    "props" : [
-      {
-        "name" : "an",
-        "type" : "Object",
-        "desc" : "existing reader (eg. copied from another store)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "baseParams",
-        "type" : "Object",
-        "desc" : "An object containing properties which are to be sent as parameters\non any HTTP request",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "data",
-        "type" : "Array",
-        "desc" : "The multi-dimensional array of data",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fields",
-        "type" : "Array",
-        "desc" : "An array of field definition objects, or field name strings.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "id",
-        "type" : "Number",
-        "desc" : "The array index of the record id. Leave blank to auto generate ids.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isLocal",
-        "type" : "boolean",
-        "desc" : "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "multiSort",
-        "type" : "Boolean",
-        "desc" : "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "proxy",
-        "type" : "Roo.data.DataProxy",
-        "desc" : "[not-required]",
-        "memberOf" : ""
-      },
-      {
-        "name" : "pruneModifiedRecords",
-        "type" : "boolean",
-        "desc" : "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-        "memberOf" : "Roo.data.Store"
-      },
-      {
-        "name" : "reader",
-        "type" : "Roo.data.Reader",
-        "desc" : "[not-required]",
-        "memberOf" : ""
-      },
-      {
-        "name" : "remoteSort",
-        "type" : "boolean",
-        "desc" : "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-        "memberOf" : "Roo.data.Store"
       },
       {
-        "name" : "sortInfo",
-        "type" : "Object",
-        "desc" : "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-        "memberOf" : "Roo.data.Store"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "add",
+        "name" : "resetConstraints",
         "type" : "function",
-        "desc" : "Fires when Records have been added to the Store",
-        "sig" : "function (_self, records, index)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
+        "sig" : "(maintainOffset)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
+            "name" : "maintainOffset",
+            "type" : "boolean",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The array of Records added",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index at which the record(s) were added",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeload",
+        "name" : "setDragElId",
         "type" : "function",
-        "desc" : "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled.",
-        "sig" : "function (_self, options)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeloadadd",
+        "name" : "setHandleElId",
         "type" : "function",
-        "desc" : "Fires after a new set of Records has been loaded.",
-        "sig" : "function (_self, records, options)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The Records that were loaded",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clear",
+        "name" : "setInitPosition",
         "type" : "function",
-        "desc" : "Fires when the data cache has been cleared.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Stores the initial placement of the linked element.",
+        "sig" : "(diffX, diffY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "diffX",
+            "type" : "int",
+            "desc" : "the X offset, default 0",
+            "isOptional" : false
+          },
+          {
+            "name" : "diffY",
+            "type" : "int",
+            "desc" : "the Y offset, default 0",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "datachanged",
+        "name" : "setOuterHandleElId",
         "type" : "function",
-        "desc" : "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "setPadding",
         "type" : "function",
-        "desc" : "Fires after a new set of Records has been loaded, before they are added to the store.",
-        "sig" : "function (_self, records, options)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
+        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "iTop",
+            "type" : "int",
+            "desc" : "Top pad",
             "isOptional" : false
           },
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The Records that were loaded",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "Right pad",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "iBot",
+            "type" : "int",
+            "desc" : "Bot pad",
+            "isOptional" : false
+          },
+          {
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "Left pad",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadexception",
+        "name" : "setXConstraint",
         "type" : "function",
-        "desc" : "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args",
-        "sig" : "function (, return, load, jsonData)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
+        "sig" : "(iLeft, iRight, iTickSize)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "",
-            "type" : "Proxy",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "return",
-            "type" : "Object",
-            "desc" : "from JsonData.reader() - success, totalRecords, records",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the left",
             "isOptional" : false
           },
           {
-            "name" : "load",
-            "type" : "Object",
-            "desc" : "options",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the\nright",
             "isOptional" : false
           },
           {
-            "name" : "jsonData",
-            "type" : "Object",
-            "desc" : "from your request (normally this contains the Exception)",
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "metachange",
+        "name" : "setYConstraint",
         "type" : "function",
-        "desc" : "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders.",
-        "sig" : "function (_self, meta)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
+        "sig" : "(iUp, iDown, iTickSize)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "iUp",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move up",
             "isOptional" : false
           },
           {
-            "name" : "meta",
-            "type" : "Object",
-            "desc" : "The JSON metadata",
+            "name" : "iDown",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move down",
+            "isOptional" : false
+          },
+          {
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "startDrag",
         "type" : "function",
-        "desc" : "Fires when a Record has been removed from the Store",
-        "sig" : "function (_self, record, index)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
+        "sig" : "(X, Y)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record that was removed",
+            "name" : "X",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           },
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index at which the record was removed",
+            "name" : "Y",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "update",
+        "name" : "toString",
         "type" : "function",
-        "desc" : "Fires when a Record has been updated",
-        "sig" : "function (_self, record, operation)\n{\n\n}",
-        "memberOf" : "Roo.data.Store",
+        "desc" : "toString method",
+        "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" : "",
+            "type" : "string",
+            "desc" : "string representation of the dd obj"
+          }
+        ]
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record that was updated",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "operation",
-            "type" : "String",
-            "desc" : "The update operation being performed.  Value may be one of:\n<pre><code>\n Roo.data.Record.EDIT\n Roo.data.Record.REJECT\n Roo.data.Record.COMMIT\n</code></pre>",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "add",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Add Records to the Store and fires the add event.",
-        "sig" : "(records)",
+        "desc" : "Unlock this instace",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
+      {
+        "name" : "unreg",
+        "type" : "function",
+        "desc" : "Remove all drag and drop hooks for this element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.dd.DropTarget",
+      "Roo.dd.DropZone"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.dd.DragDrop" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "addInvalidHandleClass",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the elements you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "addInvalidHandleId",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the element id of the element you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearFilter",
+        "name" : "addInvalidHandleType",
         "type" : "function",
-        "desc" : "Revert to a view of the Record cache with no filtering applied.",
-        "sig" : "(suppressEvent)",
+        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "If true the filter is cleared silently without notifying listeners",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to exclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "collect",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Collects unique values for a particular dataIndex from this store.",
-        "sig" : "(dataIndex, allowNull, bypassFilter)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "dataIndex",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The property to collect",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "allowNull",
-            "type" : "Boolean",
-            "desc" : "(optional) Pass true to allow null, undefined or empty string values",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "bypassFilter",
-            "type" : "Boolean",
-            "desc" : "(optional) Pass true to collect from all records, even ones which are filtered",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "addToGroup",
+        "type" : "function",
+        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
+        "sig" : "(sGroup)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "An array of the unique values"
+            "name" : "sGroup",
+            "type" : "",
+            "desc" : "{string} the name of the group",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "commitChanges",
+        "name" : "applyConfig",
         "type" : "function",
-        "desc" : "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT.",
+        "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.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "each",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Calls the specified function for each of the Records in the cache.",
-        "sig" : "(fn, scope)",
-        "static" : false,
-        "memberOf" : "Roo.data.Store",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
           {
             "name" : "fn",
             "type" : "Function",
-            "desc" : "The function to call. The Record is passed as the first parameter.\nReturning <em>false</em> aborts and exits the iteration.",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to call the function (defaults to the Record).",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "filter",
+        "name" : "clearConstraints",
         "type" : "function",
-        "desc" : "Filter the records by a specified property.",
-        "sig" : "(field, value, anyMatch)",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "field",
-            "type" : "String",
-            "desc" : "A field on your records",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String/RegExp",
-            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
-            "isOptional" : false
-          },
-          {
-            "name" : "anyMatch",
-            "type" : "Boolean",
-            "desc" : "True to match any part not just the beginning",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "filterBy",
+        "name" : "clearTicks",
         "type" : "function",
-        "desc" : "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered.",
-        "sig" : "(fn, scope)",
+        "desc" : "Clears any tick interval defined for this instance",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "endDrag",
+        "type" : "function",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to be called, it will receive 2 args (record, id)",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to this)",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "getAt",
+        "name" : "getDragEl",
         "type" : "function",
-        "desc" : "Get the Record at the specified index.",
-        "sig" : "(index)",
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the Record to find.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record at the passed index. Returns undefined if not found."
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
         ]
       },
       {
-        "name" : "getById",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Get the Record with the specified id.",
-        "sig" : "(id)",
+        "desc" : "Returns a reference to the linked element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the Record to find.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record with the passed id. Returns undefined if not found."
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
         ]
       },
       {
-        "name" : "getCount",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "getModifiedRecords",
+        "name" : "init",
         "type" : "function",
-        "desc" : "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging).",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An array of Records containing outstanding modifications."
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
+            "isOptional" : false
+          },
+          {
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRange",
+        "name" : "initTarget",
         "type" : "function",
-        "desc" : "Returns a range of Records between specified indices.",
-        "sig" : "(startIndex, endIndex)",
+        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "startIndex",
-            "type" : "Number",
-            "desc" : "(optional) The starting index (defaults to 0)",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
           },
           {
-            "name" : "endIndex",
-            "type" : "Number",
-            "desc" : "(optional) The ending index (defaults to the last Record in the Store)",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An array of Records"
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getSortState",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>",
+        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
+          }
+        ]
       },
       {
-        "name" : "getTotalCount",
+        "name" : "isTarget",
         "type" : "function",
-        "desc" : "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>",
+        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "isValidHandleChild",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
+        "sig" : "(node)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "the HTMLElement to evaluate",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "boolean",
+            "desc" : "true if this is a valid tag type, false if not"
           }
         ]
       },
       {
-        "name" : "indexOf",
+        "name" : "lock",
         "type" : "function",
-        "desc" : "Get the index within the cache of the passed Record.",
-        "sig" : "(record)",
+        "desc" : "Lock this instance",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Roo.data.Record object to to find.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the passed Record. Returns -1 if not found."
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "indexOfId",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Get the index within the cache of the Record with the passed id.",
-        "sig" : "(id)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The id of the Record to find.",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the Record. Returns -1 if not found."
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "insert",
+        "name" : "onAvailable",
         "type" : "function",
-        "desc" : "Inserts Records to the Store at the given index and fires the add event.",
-        "sig" : "(index, records)",
+        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The start index at which to insert the passed Records.",
-            "isOptional" : false
-          },
-          {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "onDrag",
         "type" : "function",
-        "desc" : "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>",
-        "sig" : "(options)",
+        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "An object containing properties which control loading options:<ul>\n<li>params {Object} An object containing properties to pass as HTTP parameters to a remote data source.</li>\n<li>callback {Function} A function to be called after the Records have been loaded. The callback is\npassed the following arguments:<ul>\n<li>r : Roo.data.Record[]</li>\n<li>options: Options object from the load call</li>\n<li>success: Boolean success indicator</li></ul></li>\n<li>scope {Object} Scope with which to call the callback (defaults to the Store object)</li>\n<li>add {Boolean} indicator to append loaded records rather than replace the current cache.</li>\n</ul>",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadData",
+        "name" : "onDragDrop",
         "type" : "function",
-        "desc" : "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor.",
-        "sig" : "(data, append)",
+        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "The data block from which to read the Records.  The format of the data expected\nis dependent on the type of Reader that is configured and should correspond to that Reader's readRecords parameter.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           },
           {
-            "name" : "append",
-            "type" : "Boolean",
-            "desc" : "(Optional) True to append the new Records rather than replace the existing cache.",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadDataFromChildren",
+        "name" : "onDragEnter",
         "type" : "function",
-        "desc" : "using 'cn' the nested child reader read the child array into it's child stores.",
-        "sig" : "(rec)",
+        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "rec",
-            "type" : "Object",
-            "desc" : "The record with a 'children array",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "onDragOut",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Abstract method called when we are no longer hovering over an element",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "query",
+        "name" : "onDragOver",
         "type" : "function",
-        "desc" : "Query the records by a specified property.",
-        "sig" : "(field, value, anyMatch)",
+        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "String",
-            "desc" : "A field on your records",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String/RegExp",
-            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "anyMatch",
-            "type" : "Boolean",
-            "desc" : "True to match any part not just the beginning",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MixedCollection",
-            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "queryBy",
+        "name" : "onInvalidDrop",
         "type" : "function",
-        "desc" : "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results.",
-        "sig" : "(fn, scope)",
+        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to be called, it will receive 2 args (record, id)",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to this)",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MixedCollection",
-            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "rejectChanges",
+        "name" : "onMouseDown",
         "type" : "function",
-        "desc" : "Cancel outstanding changes on all changed records.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousedown event",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "onMouseUp",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "reload",
+        "name" : "padding",
         "type" : "function",
-        "desc" : "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed.",
-        "sig" : "(options)",
+        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing properties which may override the options\nused in the last load operation. See {@link #load} for details (defaults to null, in which case\nthe most recently used options are reused).",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Remove a Record from the Store and fires the remove event.",
-        "sig" : "(record)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "record",
-            "type" : "Ext.data.Record",
-            "desc" : "The Roo.data.Record object to remove from the cache.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeAll",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Remove all Records from the Store and fires the clear event.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.data.Store",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "removeFromGroup",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Remove's this instance from the supplied interaction group",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "sGroup",
+            "type" : "string",
+            "desc" : "The group to drop",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDefaultSort",
+        "name" : "removeInvalidHandleClass",
         "type" : "function",
-        "desc" : "Sets the default sort column and order to be used by the next load operation.",
-        "sig" : "(fieldName, dir)",
+        "desc" : "Unsets an invalid css class",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fieldName",
-            "type" : "String",
-            "desc" : "The name of the field to sort by.",
-            "isOptional" : false
-          },
-          {
-            "name" : "dir",
-            "type" : "String",
-            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the element(s) you wish to\nre-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "sort",
+        "name" : "removeInvalidHandleId",
         "type" : "function",
-        "desc" : "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally.",
-        "sig" : "(fieldName, dir)",
+        "desc" : "Unsets an invalid handle id",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fieldName",
-            "type" : "String",
-            "desc" : "The name of the field to sort by.",
-            "isOptional" : false
-          },
-          {
-            "name" : "dir",
-            "type" : "String",
-            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the id of the element to re-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "sum",
+        "name" : "removeInvalidHandleType",
         "type" : "function",
-        "desc" : "Sums the value of <i>property</i> for each record between start and end and returns the result.",
-        "sig" : "(property, start, end)",
+        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.data.Store",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "property",
-            "type" : "String",
-            "desc" : "A field on your records",
-            "isOptional" : false
-          },
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "The record index to start at (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "The last record index to include (defaults to length - 1)",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to unexclude",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The sum"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
+        "desc" : "Removes a listener",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.SortTypes" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "asDate",
+        "name" : "resetConstraints",
         "type" : "function",
-        "desc" : "Date sorting",
-        "sig" : "(s)",
-        "static" : true,
+        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
+        "sig" : "(maintainOffset)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Mixed",
-            "desc" : "The value being converted",
+            "name" : "maintainOffset",
+            "type" : "boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The comparison value"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "asFloat",
+        "name" : "setDragElId",
         "type" : "function",
-        "desc" : "Float sorting",
-        "sig" : "(s)",
-        "static" : true,
+        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
+        "sig" : "(id)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Mixed",
-            "desc" : "The value being converted",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Float",
-            "desc" : "The comparison value"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "asInt",
+        "name" : "setHandleElId",
         "type" : "function",
-        "desc" : "Integer sorting",
-        "sig" : "(s)",
-        "static" : true,
+        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
+        "sig" : "(id)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Mixed",
-            "desc" : "The value being converted",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The comparison value"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "asText",
+        "name" : "setInitPosition",
         "type" : "function",
-        "desc" : "Strips all HTML tags to sort on text only",
-        "sig" : "(s)",
-        "static" : true,
+        "desc" : "Stores the initial placement of the linked element.",
+        "sig" : "(diffX, diffY)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Mixed",
-            "desc" : "The value being converted",
+            "name" : "diffX",
+            "type" : "int",
+            "desc" : "the X offset, default 0",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "The comparison value"
-          }
-        ]
-      },
-      {
-        "name" : "asUCString",
-        "type" : "function",
-        "desc" : "Case insensitive string",
-        "sig" : "(s)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "s",
-            "type" : "Mixed",
-            "desc" : "The value being converted",
+            "name" : "diffY",
+            "type" : "int",
+            "desc" : "the Y offset, default 0",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "The comparison value"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "asUCText",
+        "name" : "setOuterHandleElId",
         "type" : "function",
-        "desc" : "Strips all HTML tags to sort on text only - Case insensitive",
-        "sig" : "(s)",
-        "static" : true,
+        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
+        "sig" : "(id)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Mixed",
-            "desc" : "The value being converted",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "The comparison value"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "none",
+        "name" : "setPadding",
         "type" : "function",
-        "desc" : "Default sort that does nothing",
-        "sig" : "(s)",
-        "static" : true,
+        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
+        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "static" : false,
         "memberOf" : "",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "s",
-            "type" : "Mixed",
-            "desc" : "The value being converted",
+            "name" : "iTop",
+            "type" : "int",
+            "desc" : "Top pad",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "The comparison value"
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.Store" : {
-    "props" : [
-      {
-        "name" : "baseParams",
-        "type" : "Object",
-        "desc" : "An object containing properties which are to be sent as parameters\non any HTTP request",
-        "memberOf" : ""
-      },
-      {
-        "name" : "data",
-        "type" : "Array",
-        "desc" : "Inline data to be loaded when the store is initialized.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "isLocal",
-        "type" : "boolean",
-        "desc" : "flag if data is locally available (and can be always looked up\nwithout a remote query - used by combo/forms at present.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "multiSort",
-        "type" : "Boolean",
-        "desc" : "enable multi column sorting (sort is based on the order of columns, remote only at present)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "proxy",
-        "type" : "Roo.data.DataProxy",
-        "desc" : "[required] The Proxy object which provides access to a data object.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "pruneModifiedRecords",
-        "type" : "boolean",
-        "desc" : "True to clear all modified record information each time the store is\nloaded or when a record is removed. (defaults to false).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "reader",
-        "type" : "Roo.data.DataReader",
-        "desc" : "[required]  The Reader object which processes the data object and returns\nan Array of Roo.data.record objects which are cached keyed by their <em>id</em> property.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "remoteSort",
-        "type" : "boolean",
-        "desc" : "True if sorting is to be handled by requesting the Proxy to provide a refreshed\nversion of the data object in sorted order, as opposed to sorting the Record cache in place (defaults to false).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sortInfo",
-        "type" : "Object",
-        "desc" : "A config object in the format: {field: \"fieldName\", direction: \"ASC|DESC\"}",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Fires when Records have been added to the Store",
-        "sig" : "function (_self, records, index)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "Right pad",
             "isOptional" : false
           },
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The array of Records added",
+            "name" : "iBot",
+            "type" : "int",
+            "desc" : "Bot pad",
             "isOptional" : false
           },
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index at which the record(s) were added",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "Left pad",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeload",
+        "name" : "setXConstraint",
         "type" : "function",
-        "desc" : "Fires before a request is made for a new data object.  If the beforeload handler returns false\nthe load action will be canceled.",
-        "sig" : "function (_self, options)\n{\n\n}",
+        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
+        "sig" : "(iLeft, iRight, iTickSize)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the left",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the\nright",
+            "isOptional" : false
+          },
+          {
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeloadadd",
+        "name" : "setYConstraint",
         "type" : "function",
-        "desc" : "Fires after a new set of Records has been loaded.",
-        "sig" : "function (_self, records, options)\n{\n\n}",
+        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
+        "sig" : "(iUp, iDown, iTickSize)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "iUp",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move up",
             "isOptional" : false
           },
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The Records that were loaded",
+            "name" : "iDown",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move down",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clear",
+        "name" : "startDrag",
         "type" : "function",
-        "desc" : "Fires when the data cache has been cleared.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
+        "sig" : "(X, Y)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "X",
+            "type" : "int",
+            "desc" : "click location",
+            "isOptional" : false
+          },
+          {
+            "name" : "Y",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "datachanged",
+        "name" : "toString",
         "type" : "function",
-        "desc" : "Fires when the data cache has changed, and a widget which is using this Store\nas a Record cache should refresh its view.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "toString method",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "string",
+            "desc" : "string representation of the dd obj"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "load",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires after a new set of Records has been loaded, before they are added to the store.",
-        "sig" : "function (_self, records, options)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "The Records that were loaded",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "options",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The loading options that were specified (see {@link #load} for details)",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "loadexception",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Fires if an exception occurs in the Proxy during loading.\nCalled with the signature of the Proxy's \"loadexception\" event.\nIf you return Json { data: [] , success: false, .... } then this will be thrown with the following args",
-        "sig" : "function (, return, load, jsonData)\n{\n\n}",
+        "desc" : "Unlock this instace",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "",
-            "type" : "Proxy",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "return",
-            "type" : "Object",
-            "desc" : "from JsonData.reader() - success, totalRecords, records",
-            "isOptional" : false
-          },
-          {
-            "name" : "load",
-            "type" : "Object",
-            "desc" : "options",
-            "isOptional" : false
-          },
-          {
-            "name" : "jsonData",
-            "type" : "Object",
-            "desc" : "from your request (normally this contains the Exception)",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "metachange",
+        "name" : "unreg",
         "type" : "function",
-        "desc" : "Fires when this store's reader provides new metadata (fields). This is currently only support for JsonReaders.",
-        "sig" : "function (_self, meta)\n{\n\n}",
+        "desc" : "Remove all drag and drop hooks for this element",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "meta",
-            "type" : "Object",
-            "desc" : "The JSON metadata",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.dd.DD",
+      "Roo.dd.DDProxy",
+      "Roo.dd.DDTarget",
+      "Roo.dd.DragSource",
+      "Roo.dd.DragZone",
+      "Roo.dd.DropTarget",
+      "Roo.dd.DropZone",
+      "Roo.grid.SplitDragZone"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.dd.DragSource" : {
+    "props" : [
+      {
+        "name" : "dropAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "remove",
-        "type" : "function",
-        "desc" : "Fires when a Record has been removed from the Store",
-        "sig" : "function (_self, record, index)\n{\n\n}",
+        "name" : "dropNotAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
         "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record that was removed",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index at which the record was removed",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "update",
+        "name" : "addInvalidHandleClass",
         "type" : "function",
-        "desc" : "Fires when a Record has been updated",
-        "sig" : "function (_self, record, operation)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
+        "sig" : "(cssClass)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Store",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record that was updated",
-            "isOptional" : false
-          },
-          {
-            "name" : "operation",
-            "type" : "String",
-            "desc" : "The update operation being performed.  Value may be one of:\n<pre><code>\n Roo.data.Record.EDIT\n Roo.data.Record.REJECT\n Roo.data.Record.COMMIT\n</code></pre>",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the elements you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "add",
+        "name" : "addInvalidHandleId",
         "type" : "function",
-        "desc" : "Add Records to the Store and fires the add event.",
-        "sig" : "(records)",
+        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the element id of the element you wish to ignore",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "addInvalidHandleType",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to exclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "addToGroup",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
+        "sig" : "(sGroup)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "sGroup",
+            "type" : "",
+            "desc" : "{string} the name of the group",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearFilter",
+        "name" : "afterDragDrop",
         "type" : "function",
-        "desc" : "Revert to a view of the Record cache with no filtering applied.",
-        "sig" : "(suppressEvent)",
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "If true the filter is cleared silently without notifying listeners",
+            "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" : "collect",
+        "name" : "afterDragEnter",
         "type" : "function",
-        "desc" : "Collects unique values for a particular dataIndex from this store.",
-        "sig" : "(dataIndex, allowNull, bypassFilter)",
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "dataIndex",
-            "type" : "String",
-            "desc" : "The property to collect",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "allowNull",
-            "type" : "Boolean",
-            "desc" : "(optional) Pass true to allow null, undefined or empty string values",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           },
           {
-            "name" : "bypassFilter",
-            "type" : "Boolean",
-            "desc" : "(optional) Pass true to collect from all records, even ones which are filtered",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "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" : "",
-            "type" : "Array",
-            "desc" : "An array of the unique values"
+            "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" : "commitChanges",
+        "name" : "afterDragOver",
         "type" : "function",
-        "desc" : "Commit all Records with outstanding changes. To handle updates for changes, subscribe to the\nStore's \"update\" event, and perform updating when the third parameter is Roo.data.Record.COMMIT.",
-        "sig" : "()\n{\n\n}",
+        "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,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "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" : "each",
+        "name" : "afterInvalidDrop",
         "type" : "function",
-        "desc" : "Calls the specified function for each of the Records in the cache.",
-        "sig" : "(fn, scope)",
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call. The Record is passed as the first parameter.\nReturning <em>false</em> aborts and exits the iteration.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to call the function (defaults to the Record).",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "filter",
+        "name" : "afterValidDrop",
         "type" : "function",
-        "desc" : "Filter the records by a specified property.",
-        "sig" : "(field, value, anyMatch)",
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
+            "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" : "A field on your records",
+            "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" : "value",
-            "type" : "String/RegExp",
-            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
             "isOptional" : false
           },
           {
-            "name" : "anyMatch",
-            "type" : "Boolean",
-            "desc" : "True to match any part not just the beginning",
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "filterBy",
+        "name" : "applyConfig",
         "type" : "function",
-        "desc" : "Filter by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included,\notherwise it is filtered.",
-        "sig" : "(fn, scope)",
+        "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" : "",
+        "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,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to be called, it will receive 2 args (record, id)",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the click",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to this)",
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the click",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "beforeDragDrop",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "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.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "desc" : "isValid True if the drag drop event is valid, else false to cancel"
           }
         ]
       },
       {
-        "name" : "getAt",
+        "name" : "beforeDragEnter",
         "type" : "function",
-        "desc" : "Get the Record at the specified index.",
-        "sig" : "(index)",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter.",
+        "sig" : "(target, e, id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the Record to find.",
+            "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" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record at the passed index. Returns undefined if not found."
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
           }
         ]
       },
       {
-        "name" : "getById",
+        "name" : "beforeDragOut",
         "type" : "function",
-        "desc" : "Get the Record with the specified id.",
-        "sig" : "(id)",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut.",
+        "sig" : "(target, e, id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "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 Record to find.",
+            "desc" : "The id of the dragged element",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "The Record with the passed id. Returns undefined if not found."
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
           }
         ]
       },
       {
-        "name" : "getCount",
+        "name" : "beforeDragOver",
         "type" : "function",
-        "desc" : "Gets the number of cached records.\n<p>\n<em>If using paging, this may not be the total size of the dataset. If the data object\nused by the Reader contains the dataset size, then the getTotalCount() function returns\nthe data set size</em>",
-        "sig" : "()\n{\n\n}",
+        "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 and optionally cancel the onDragOver.",
+        "sig" : "(target, e, id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "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" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
+          }
+        ]
       },
       {
-        "name" : "getModifiedRecords",
+        "name" : "beforeInvalidDrop",
         "type" : "function",
-        "desc" : "Gets all records modified since the last commit.  Modified records are persisted across load operations\n(e.g., during paging).",
-        "sig" : "()\n{\n\n}",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred.",
+        "sig" : "(target, e, id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "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" : "",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An array of Records containing outstanding modifications."
+            "type" : "Boolean",
+            "desc" : "isValid True if the invalid drop should proceed, else false to cancel"
           }
         ]
       },
       {
-        "name" : "getRange",
+        "name" : "cachePosition",
         "type" : "function",
-        "desc" : "Returns a range of Records between specified indices.",
-        "sig" : "(startIndex, endIndex)",
+        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
+        "sig" : "(iPageX, iPageY)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "startIndex",
-            "type" : "Number",
-            "desc" : "(optional) The starting index (defaults to 0)",
+            "name" : "iPageX",
+            "type" : "",
+            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
             "isOptional" : false
           },
           {
-            "name" : "endIndex",
-            "type" : "Number",
-            "desc" : "(optional) The ending index (defaults to the last Record in the Store)",
+            "name" : "iPageY",
+            "type" : "",
+            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An array of Records"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getSortState",
+        "name" : "clearConstraints",
         "type" : "function",
-        "desc" : "Returns the sort state of the Store as an object with two properties:\n<pre><code>\n field {String} The name of the field by which the Records are sorted\n direction {String} The sort order, \"ASC\" or \"DESC\"\n</code></pre>",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "getTotalCount",
+        "name" : "clearTicks",
         "type" : "function",
-        "desc" : "Gets the total number of records in the dataset as returned by the server.\n<p>\n<em>If using paging, for this to be accurate, the data object used by the Reader must contain\nthe dataset size</em>",
+        "desc" : "Clears any tick interval defined for this instance",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "createFrame",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Creates the proxy element if it does not yet exist",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DDProxy",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "endDrag",
+        "type" : "function",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "indexOf",
+        "name" : "getDragData",
         "type" : "function",
-        "desc" : "Get the index within the cache of the passed Record.",
-        "sig" : "(record)",
+        "desc" : "Returns the data object associated with this drag source",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The Roo.data.Record object to to find.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the passed Record. Returns -1 if not found."
+            "type" : "Object",
+            "desc" : "data An object containing arbitrary data"
           }
         ]
       },
       {
-        "name" : "indexOfId",
+        "name" : "getDragEl",
         "type" : "function",
-        "desc" : "Get the index within the cache of the Record with the passed id.",
-        "sig" : "(id)",
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the Record to find.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The index of the Record. Returns -1 if not found."
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
         ]
       },
       {
-        "name" : "insert",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Inserts Records to the Store at the given index and fires the add event.",
-        "sig" : "(index, records)",
+        "desc" : "Returns a reference to the linked element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The start index at which to insert the passed Records.",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "records",
-            "type" : "Roo.data.Record[]",
-            "desc" : "An Array of Roo.data.Record objects to add to the cache.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "load",
+        "name" : "getProxy",
         "type" : "function",
-        "desc" : "Loads the Record cache from the configured Proxy using the configured Reader.\n<p>\nIf using remote paging, then the first load call must specify the <em>start</em>\nand <em>limit</em> properties in the options.params property to establish the initial\nposition within the dataset, and the number of Records to cache on each read from the Proxy.\n<p>\n<strong>It is important to note that for remote data sources, loading is asynchronous,\nand this call will return before the new data has been loaded. Perform any post-processing\nin a callback function, or in a \"load\" event handler.</strong>\n<p>",
-        "sig" : "(options)",
+        "desc" : "Returns the drag source's underlying {@link Roo.dd.StatusProxy}",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "An object containing properties which control loading options:<ul>\n<li>params {Object} An object containing properties to pass as HTTP parameters to a remote data source.</li>\n<li>callback {Function} A function to be called after the Records have been loaded. The callback is\npassed the following arguments:<ul>\n<li>r : Roo.data.Record[]</li>\n<li>options: Options object from the load call</li>\n<li>success: Boolean success indicator</li></ul></li>\n<li>scope {Object} Scope with which to call the callback (defaults to the Store object)</li>\n<li>add {Boolean} indicator to append loaded records rather than replace the current cache.</li>\n</ul>",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.dd.StatusProxy",
+            "desc" : "proxy The StatusProxy"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "loadData",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Loads data from a passed data block. A Reader which understands the format of the data\nmust have been configured in the constructor.",
-        "sig" : "(data, append)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "The data block from which to read the Records.  The format of the data expected\nis dependent on the type of Reader that is configured and should correspond to that Reader's readRecords parameter.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "append",
+            "name" : "",
             "type" : "Boolean",
-            "desc" : "(Optional) True to append the new Records rather than replace the existing cache.",
-            "isOptional" : false
+            "desc" : "True if the event is being listened for, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "loadDataFromChildren",
+        "name" : "hideProxy",
         "type" : "function",
-        "desc" : "using 'cn' the nested child reader read the child array into it's child stores.",
-        "sig" : "(rec)",
+        "desc" : "Hides the drag source's {@link Roo.dd.StatusProxy}",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "rec",
-            "type" : "Object",
-            "desc" : "The record with a 'children array",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "init",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "initFrame",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DDProxy",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "query",
+        "name" : "initTarget",
         "type" : "function",
-        "desc" : "Query the records by a specified property.",
-        "sig" : "(field, value, anyMatch)",
+        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "String",
-            "desc" : "A field on your records",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
           },
           {
-            "name" : "value",
-            "type" : "String/RegExp",
-            "desc" : "Either a string that the field\nshould start with or a RegExp to test against the field",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
             "isOptional" : false
           },
           {
-            "name" : "anyMatch",
-            "type" : "Boolean",
-            "desc" : "True to match any part not just the beginning",
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "MixedCollection",
-            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "queryBy",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Query by a function. The specified function will be called with each\nrecord in this data source. If the function returns true the record is included\nin the results.",
-        "sig" : "(fn, scope)",
+        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to be called, it will receive 2 args (record, id)",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope of the function (defaults to this)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "MixedCollection",
-            "desc" : "Returns an Roo.util.MixedCollection of the matched records"
+            "type" : "boolean",
+            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
           }
         ]
       },
       {
-        "name" : "rejectChanges",
+        "name" : "isTarget",
         "type" : "function",
-        "desc" : "Cancel outstanding changes on all changed records.",
+        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "isValidHandleChild",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "the HTMLElement to evaluate",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this is a valid tag type, false if not"
+          }
+        ]
       },
       {
-        "name" : "reload",
+        "name" : "lock",
         "type" : "function",
-        "desc" : "Reloads the Record cache from the configured Proxy using the configured Reader and\nthe options from the last load operation performed.",
-        "sig" : "(options)",
+        "desc" : "Lock this instance",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing properties which may override the options\nused in the last load operation. See {@link #load} for details (defaults to null, in which case\nthe most recently used options are reused).",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Remove a Record from the Store and fires the remove event.",
-        "sig" : "(record)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "record",
-            "type" : "Ext.data.Record",
-            "desc" : "The Roo.data.Record object to remove from the cache.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeAll",
+        "name" : "onAvailable",
         "type" : "function",
-        "desc" : "Remove all Records from the Store and fires the clear event.",
+        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "onBeforeDrag",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it.",
+        "sig" : "(data, e)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data to be shared with drop targets",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
+          }
+        ]
       },
       {
-        "name" : "setDefaultSort",
+        "name" : "onDrag",
         "type" : "function",
-        "desc" : "Sets the default sort column and order to be used by the next load operation.",
-        "sig" : "(fieldName, dir)",
+        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fieldName",
-            "type" : "String",
-            "desc" : "The name of the field to sort by.",
-            "isOptional" : false
-          },
-          {
-            "name" : "dir",
-            "type" : "String",
-            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "sort",
+        "name" : "onDragDrop",
         "type" : "function",
-        "desc" : "Sort the Records.\nIf remote sorting is used, the sort is performed on the server, and the cache is\nreloaded. If local sorting is used, the cache is sorted internally.",
-        "sig" : "(fieldName, dir)",
+        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fieldName",
-            "type" : "String",
-            "desc" : "The name of the field to sort by.",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           },
           {
-            "name" : "dir",
-            "type" : "String",
-            "desc" : "(optional) The sort order, \"ASC\" or \"DESC\" (defaults to \"ASC\")",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "sum",
+        "name" : "onDragEnter",
         "type" : "function",
-        "desc" : "Sums the value of <i>property</i> for each record between start and end and returns the result.",
-        "sig" : "(property, start, end)",
+        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "property",
-            "type" : "String",
-            "desc" : "A field on your records",
-            "isOptional" : false
-          },
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "The record index to start at (defaults to 0)",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "The last record index to include (defaults to length - 1)",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The sum"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "onDragOut",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Abstract method called when we are no longer hovering over an element",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.data.JsonStore",
-      "Roo.data.SimpleStore"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.Tree" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
+      },
       {
-        "name" : "append",
+        "name" : "onDragOver",
         "type" : "function",
-        "desc" : "Fires when a new child node is appended to a node in this tree.",
-        "sig" : "function (tree, parent, node, index)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
+        "sig" : "(e, id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Node",
-            "desc" : "The parent node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The newly appended node",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the newly appended node",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeappend",
+        "name" : "onInvalidDrop",
         "type" : "function",
-        "desc" : "Fires before a new child is appended to a node in this tree, return false to cancel the append.",
-        "sig" : "function (tree, parent, node)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Node",
-            "desc" : "The parent node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node to be appended",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeinsert",
+        "name" : "onMouseDown",
         "type" : "function",
-        "desc" : "Fires before a new child is inserted in a node in this tree, return false to cancel the insert.",
-        "sig" : "function (tree, parent, node, refNode)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Node",
-            "desc" : "The parent node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node to be inserted",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousedown event",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onMouseUp",
+        "type" : "function",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "refNode",
-            "type" : "Node",
-            "desc" : "The child node the node is being inserted before",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforemove",
+        "name" : "onStartDrag",
         "type" : "function",
-        "desc" : "Fires before a node is moved to a new location in the tree. Return false to cancel the move.",
-        "sig" : "function (tree, node, oldParent, newParent, index)\n{\n\n}",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function.",
+        "sig" : "(x, y)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The node being moved",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldParent",
-            "type" : "Node",
-            "desc" : "The parent of the node",
-            "isOptional" : false
-          },
-          {
-            "name" : "newParent",
-            "type" : "Node",
-            "desc" : "The new parent the node is moving to",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The x position of the click on the dragged object",
             "isOptional" : false
           },
           {
-            "name" : "index",
+            "name" : "y",
             "type" : "Number",
-            "desc" : "The index it is being moved to",
+            "desc" : "The y position of the click on the dragged object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeremove",
+        "name" : "padding",
         "type" : "function",
-        "desc" : "Fires before a child is removed from a node in this tree, return false to cancel the remove.",
-        "sig" : "function (tree, parent, node)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this 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" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Node",
-            "desc" : "The parent node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node to be removed",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "insert",
+        "name" : "removeFromGroup",
         "type" : "function",
-        "desc" : "Fires when a new child node is inserted in a node in this tree.",
-        "sig" : "function (tree, parent, node, refNode)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Remove's this instance from the supplied interaction group",
+        "sig" : "(sGroup)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Node",
-            "desc" : "The parent node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node inserted",
-            "isOptional" : false
-          },
-          {
-            "name" : "refNode",
-            "type" : "Node",
-            "desc" : "The child node the node was inserted before",
+            "name" : "sGroup",
+            "type" : "string",
+            "desc" : "The group to drop",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "removeInvalidHandleClass",
         "type" : "function",
-        "desc" : "Fires when a node is moved to a new location in the tree",
-        "sig" : "function (tree, node, oldParent, newParent, index)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Unsets an invalid css class",
+        "sig" : "(cssClass)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The node moved",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldParent",
-            "type" : "Node",
-            "desc" : "The old parent of this node",
-            "isOptional" : false
-          },
-          {
-            "name" : "newParent",
-            "type" : "Node",
-            "desc" : "The new parent of this node",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index it was moved to",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the element(s) you wish to\nre-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "removeInvalidHandleId",
         "type" : "function",
-        "desc" : "Fires when a child node is removed from a node in this tree.",
-        "sig" : "function (tree, parent, node)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Unsets an invalid handle id",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "tree",
-            "type" : "Tree",
-            "desc" : "The owner tree",
-            "isOptional" : false
-          },
-          {
-            "name" : "parent",
-            "type" : "Node",
-            "desc" : "The parent node",
-            "isOptional" : false
-          },
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "The child node removed",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the id of the element to re-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "removeInvalidHandleType",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to unexclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resetConstraints",
+        "type" : "function",
+        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
+        "sig" : "(maintainOffset)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "maintainOffset",
+            "type" : "boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "setDelta",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
+        "sig" : "(iDeltaX, iDeltaY)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DD",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "iDeltaX",
+            "type" : "int",
+            "desc" : "the distance from the left",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "iDeltaY",
+            "type" : "int",
+            "desc" : "the distance from the top",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDragElId",
+        "type" : "function",
+        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "setDragElPos",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getNodeById",
+        "name" : "setHandleElId",
         "type" : "function",
-        "desc" : "Gets a node in this tree by its id.",
+        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
         "sig" : "(id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "id",
-            "type" : "String",
-            "desc" : "",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Node",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getRootNode",
+        "name" : "setInitPosition",
         "type" : "function",
-        "desc" : "Returns the root node for this tree.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Stores the initial placement of the linked element.",
+        "sig" : "(diffX, diffY)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Node",
-            "desc" : ""
+            "name" : "diffX",
+            "type" : "int",
+            "desc" : "the X offset, default 0",
+            "isOptional" : false
+          },
+          {
+            "name" : "diffY",
+            "type" : "int",
+            "desc" : "the Y offset, default 0",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "setOuterHandleElId",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "setPadding",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
+        "sig" : "(iTop, iRight, iBot, iLeft)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "iTop",
+            "type" : "int",
+            "desc" : "Top pad",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "Right pad",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "iBot",
+            "type" : "int",
+            "desc" : "Bot pad",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "Left pad",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "setXConstraint",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
+        "sig" : "(iLeft, iRight, iTickSize)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the left",
+            "isOptional" : false
+          },
+          {
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the\nright",
+            "isOptional" : false
+          },
+          {
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "setYConstraint",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
+        "sig" : "(iUp, iDown, iTickSize)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "iUp",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move up",
+            "isOptional" : false
+          },
+          {
+            "name" : "iDown",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move down",
+            "isOptional" : false
+          },
+          {
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "startDrag",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
+        "sig" : "(X, Y)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "X",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "Y",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setRootNode",
+        "name" : "toString",
         "type" : "function",
-        "desc" : "Sets the root node for this tree.",
-        "sig" : "(node)",
+        "desc" : "toString method",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "node",
-            "type" : "Node",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Node",
-            "desc" : ""
+            "type" : "string",
+            "desc" : "string representation of the dd obj"
           }
         ]
       },
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.tree.ColumnTree",
-      "Roo.tree.TreePanel"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.data.XmlReader" : {
-    "props" : [
-      {
-        "name" : "id",
-        "type" : "String",
-        "desc" : "The DomQuery path relative from the record element to the element that contains\na record identifier value.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "record",
-        "type" : "String",
-        "desc" : "The DomQuery path to the repeated element which contains record information.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "success",
-        "type" : "String",
-        "desc" : "The DomQuery path to the success attribute used by forms.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "totalRecords",
-        "type" : "String",
-        "desc" : "The DomQuery path from which to retrieve the total number of records\nin the dataset. This is only needed if the whole dataset is not passed in one go, but is being\npaged from the remote server.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "newRow",
-        "type" : "function",
-        "desc" : "Create an empty record",
-        "sig" : "(data)",
-        "static" : false,
-        "memberOf" : "Roo.data.DataReader",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "(optional) - overlay some values",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.data.Record",
-            "desc" : "record created."
-          }
-        ]
       },
       {
-        "name" : "read",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "This method is only used by a DataProxy which has retrieved data from a remote server.",
-        "sig" : "(response)",
+        "desc" : "Unlock this instace",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "response",
-            "type" : "Object",
-            "desc" : "The XHR object which contains the parsed XML document.  The response is expected\nto contain a method called 'responseXML' that returns an XML document object.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "records A data block which is used by an {@link Roo.data.Store} as\na cache of Roo.data.Records."
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "readRecords",
+        "name" : "unreg",
         "type" : "function",
-        "desc" : "Create a data block containing Roo.data.Records from an XML document.",
-        "sig" : "(doc)",
+        "desc" : "Remove all drag and drop hooks for this element",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "doc",
-            "type" : "Object",
-            "desc" : "A parsed XML document.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "records A data block which is used by an {@link Roo.data.Store} as\na cache of Roo.data.Records."
-          }
-        ]
+        "params" : [],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.dd" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.dd.DragZone"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.dd.DD" : {
+  "Roo.dd.DragZone" : {
     "props" : [
+      {
+        "name" : "containerScroll",
+        "type" : "Boolean",
+        "desc" : "True to register this container with the Scrollmanager\nfor auto scrolling during drag operations.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+        "memberOf" : "Roo.dd.DragSource",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropNotAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+        "memberOf" : "Roo.dd.DragSource",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hlColor",
+        "type" : "String",
+        "desc" : "The color to use when visually highlighting the drag source in the afterRepair\nmethod after a failed drop (defaults to \"c3daf9\" - light blue)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [],
         "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" : "",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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",
-        "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",
+        "name" : "afterDragEnter",
         "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" : "",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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" : "cachePosition",
+        "name" : "afterDragOut",
         "type" : "function",
-        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
-        "sig" : "(iPageX, iPageY)",
+        "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" : "",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iPageX",
-            "type" : "",
-            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "iPageY",
-            "type" : "",
-            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
+            "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" : "capture",
+        "name" : "afterDragOver",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "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" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "target",
+            "type" : "Roo.dd.DragDrop",
+            "desc" : "The drop target",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dragged element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearConstraints",
+        "name" : "afterInvalidDrop",
         "type" : "function",
-        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
-        "sig" : "()\n{\n\n}",
+        "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.DragDrop",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "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" : "clearTicks",
+        "name" : "afterRepair",
         "type" : "function",
-        "desc" : "Clears any tick interval defined for this instance",
+        "desc" : "Called after a repair of an invalid drop. By default, highlights this.dragData.ddel",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "endDrag",
+        "name" : "afterValidDrop",
         "type" : "function",
-        "desc" : "Fired when we are done dragging the object",
-        "sig" : "(e)",
+        "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.DragDrop",
+        "memberOf" : "Roo.dd.DragSource",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [
+          {
+            "name" : "target",
+            "type" : "Object",
+            "desc" : "The target DD",
+            "isOptional" : false
+          },
           {
             "name" : "e",
             "type" : "Event",
-            "desc" : "the mouseup event",
+            "desc" : "The event object",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the dropped element",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "alignElWithMouse",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "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.util.Observable",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "el",
+            "type" : "HTMLElement",
+            "desc" : "the element to move",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getDragEl",
+        "name" : "applyConfig",
         "type" : "function",
-        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "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",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+        "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",
+        "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" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag drop event is valid, else false to cancel"
+          }
+        ]
+      },
+      {
+        "name" : "beforeDragEnter",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter.",
+        "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" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
+          }
+        ]
+      },
+      {
+        "name" : "beforeDragOut",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut.",
+        "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" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
+          }
+        ]
+      },
+      {
+        "name" : "beforeDragOver",
+        "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 and optionally cancel the onDragOver.",
+        "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" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
+          }
+        ]
+      },
+      {
+        "name" : "beforeInvalidDrop",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred.",
+        "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" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the invalid drop should proceed, else false to cancel"
+          }
+        ]
+      },
+      {
+        "name" : "cachePosition",
+        "type" : "function",
+        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
+        "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" : "",
+            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageY",
+            "type" : "",
+            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "clearConstraints",
+        "type" : "function",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "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" : "clearTicks",
+        "type" : "function",
+        "desc" : "Clears any tick interval defined for this instance",
+        "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" : "createFrame",
+        "type" : "function",
+        "desc" : "Creates the proxy element if it does not yet exist",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DDProxy",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "endDrag",
+        "type" : "function",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "getDragData",
+        "type" : "function",
+        "desc" : "Called when a mousedown occurs in this container. Looks in {@link Roo.dd.Registry}\nfor a valid target to drag based on the mouse down. Override this method\nto provide your own lookup logic (e.g. finding a child by class name). Make sure your returned\nobject has a \"ddel\" attribute (with an HTML Element) for other functions to work.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "The mouse down event",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The dragData"
+          }
+        ]
+      },
+      {
+        "name" : "getDragEl",
+        "type" : "function",
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "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" : "",
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
         ]
       },
           }
         ]
       },
+      {
+        "name" : "getProxy",
+        "type" : "function",
+        "desc" : "Returns the drag source's underlying {@link Roo.dd.StatusProxy}",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.dd.StatusProxy",
+            "desc" : "proxy The StatusProxy"
+          }
+        ]
+      },
+      {
+        "name" : "getRepairXY",
+        "type" : "function",
+        "desc" : "Called before a repair of an invalid drop to get the XY to animate to. By default returns\nthe XY of this.dragData.ddel",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "The mouse up event",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The xy location (e.g. [100, 200])"
+          }
+        ]
+      },
       {
         "name" : "hasListener",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "hideProxy",
+        "type" : "function",
+        "desc" : "Hides the drag source's {@link Roo.dd.StatusProxy}",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "init",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "initFrame",
+        "type" : "function",
+        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.dd.DDProxy",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "initTarget",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "onBeforeDrag",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it.",
+        "sig" : "(data, e)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data to be shared with drop targets",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "isValid True if the drag event is valid, else false to cancel"
+          }
+        ]
+      },
       {
         "name" : "onDrag",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "onInitDrag",
+        "type" : "function",
+        "desc" : "Called once drag threshold has been reached to initialize the proxy element. By default, it clones the\nthis.dragData.ddel",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The x position of the click on the dragged object",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The y position of the click on the dragged object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "true to continue the drag, false to cancel"
+          }
+        ]
+      },
       {
         "name" : "onInvalidDrop",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "onStartDrag",
+        "type" : "function",
+        "desc" : "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragSource",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The x position of the click on the dragged object",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The y position of the click on the dragged object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "padding",
         "type" : "function",
         "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
         "sig" : "(iDeltaX, iDeltaY)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.dd.DDProxy",
-      "Roo.dd.DragSource",
-      "Roo.dd.DragZone",
-      "Roo.grid.SplitDragZone"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.dd.DDProxy" : {
+  "Roo.dd.DropTarget" : {
     "props" : [
+      {
+        "name" : "ddGroup",
+        "type" : "String",
+        "desc" : "The drag drop group to handle drop events for",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropNotAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "overClass",
+        "type" : "String",
+        "desc" : "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "success",
+        "type" : "boolean",
+        "desc" : "set this after drop listener..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "boolean|String",
+        "desc" : "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "drop",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enter",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set  this.valid to true|false",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "out",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element.",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "over",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set  this.valid to true|false",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
-    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         ],
         "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",
         "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" : "cachePosition",
-        "type" : "function",
-        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
-        "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" : "",
-            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
-            "isOptional" : false
-          },
-          {
-            "name" : "iPageY",
-            "type" : "",
-            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "createFrame",
-        "type" : "function",
-        "desc" : "Creates the proxy element if it does not yet exist",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "endDrag",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "initFrame",
-        "type" : "function",
-        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "initTarget",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "notifyDrop",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "notifyEnter",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "notifyOut",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "notifyOver",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "on",
         "type" : "function",
         "desc" : "Appends an event handler to this element (shorthand for addListener)",
         "sig" : "(eventName, handler, scope, options)",
         ],
         "returns" : []
       },
-      {
-        "name" : "setDelta",
-        "type" : "function",
-        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
-        "sig" : "(iDeltaX, iDeltaY)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DD",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "iDeltaX",
-            "type" : "int",
-            "desc" : "the distance from the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iDeltaY",
-            "type" : "int",
-            "desc" : "the distance from the top",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDragElId",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setDragElPos",
-        "type" : "function",
-        "desc" : "Sets the drag 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" : "(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 mousedown or drag event",
-            "isOptional" : false
-          },
-          {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the mousedown or drag event",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setHandleElId",
         "type" : "function",
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.dd.DragSource",
-      "Roo.dd.DragZone",
-      "Roo.grid.SplitDragZone"
+      "Roo.dd.DropZone"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.dd.DDTarget" : {
+  "Roo.dd.DropZone" : {
     "props" : [
+      {
+        "name" : "ddGroup",
+        "type" : "String",
+        "desc" : "The drag drop group to handle drop events for",
+        "memberOf" : "Roo.dd.DropTarget",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
+        "memberOf" : "Roo.dd.DropTarget",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropNotAllowed",
+        "type" : "String",
+        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+        "memberOf" : "Roo.dd.DropTarget",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "overClass",
+        "type" : "String",
+        "desc" : "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
+        "memberOf" : "Roo.dd.DropTarget",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "success",
+        "type" : "boolean",
+        "desc" : "set this after drop listener..",
+        "memberOf" : "Roo.dd.DropTarget",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "boolean|String",
+        "desc" : "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
+        "memberOf" : "Roo.dd.DropTarget",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "drop",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "Roo.dd.DropTarget",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enter",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set  this.valid to true|false",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "Roo.dd.DropTarget",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "out",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element.",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "Roo.dd.DropTarget",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "over",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set  this.valid to true|false",
+        "sig" : "function (source, e, data)\n{\n\n}",
+        "memberOf" : "Roo.dd.DropTarget",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
-    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
           }
         ]
       },
+      {
+        "name" : "getTargetFromEvent",
+        "type" : "function",
+        "desc" : "Returns a custom data object associated with the DOM node that is the target of the event.  By default\nthis looks up the event target in the {@link Roo.dd.Registry}, although you can override this method to\nprovide your own custom lookup.",
+        "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",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "data The custom data"
+          }
+        ]
+      },
       {
         "name" : "hasListener",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "notifyDrop",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the dragged item has\nbeen dropped on it.  The drag zone will look up the target node based on the event passed in, and if there\nis a node registered for that event, it will delegate to {@link #onNodeDrop} for node-specific handling,\notherwise it will call {@link #onContainerDrop}.",
+        "sig" : "(source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the drop was valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "notifyEnter",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source is now over\nthe zone.  The default implementation returns this.dropNotAllowed and expects that only registered drop\nnodes can process drag drop operations, so if you need the drop zone itself to be able to process drops\nyou should override this method and provide a custom implementation.",
+        "sig" : "(source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
+          }
+        ]
+      },
+      {
+        "name" : "notifyOut",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source has been dragged\nout of the zone without dropping.  If the drag source is currently over a registered node, the notification\nwill be delegated to {@link #onNodeOut} for node-specific handling, otherwise it will be ignored.",
+        "sig" : "(source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop target",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag zone",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "notifyOver",
+        "type" : "function",
+        "desc" : "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the drop zone.\nThis method will be called on every mouse movement while the drag source is over the drop zone.\nIt will call {@link #onNodeOver} while the drag source is over a registered node, and will also automatically\ndelegate to the appropriate node-specific methods as necessary when the drag source enters and exits\nregistered nodes ({@link #onNodeEnter}, {@link #onNodeOut}). If the drag source is not currently over a\nregistered node, it will call {@link #onContainerOver}.",
+        "sig" : "(source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
+          }
+        ]
+      },
       {
         "name" : "on",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "onContainerDrop",
+        "type" : "function",
+        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped on it,\nbut not on any of its registered drop nodes.  The default implementation returns false, so it should be\noverridden to provide the appropriate processing of the drop event if you need the drop zone itself to\nbe able to accept drops.  It should return true when valid so that the drag source's repair action does not run.",
+        "sig" : "(source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the drop was valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "onContainerOver",
+        "type" : "function",
+        "desc" : "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is being dragged over it,\nbut not over any of its registered drop nodes.  The default implementation returns this.dropNotAllowed, so\nit should be overridden to provide the proper feedback if necessary.",
+        "sig" : "(source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
+          }
+        ]
+      },
       {
         "name" : "onDrag",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "onNodeDrop",
+        "type" : "function",
+        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped onto\nthe drop node.  The default implementation returns false, so it should be overridden to provide the\nappropriate processing of the drop event and return true so that the drag source's repair action does not run.",
+        "sig" : "(nodeData, source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "nodeData",
+            "type" : "Object",
+            "desc" : "The custom data associated with the drop node (this is the same value returned from\n{@link #getTargetFromEvent} for this node)",
+            "isOptional" : false
+          },
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the drop was valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "onNodeEnter",
+        "type" : "function",
+        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has entered a drop node\nthat it has registered.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary.",
+        "sig" : "(nodeData, source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "nodeData",
+            "type" : "Object",
+            "desc" : "The custom data associated with the drop node (this is the same value returned from \n{@link #getTargetFromEvent} for this node)",
+            "isOptional" : false
+          },
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onNodeOut",
+        "type" : "function",
+        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dragged out of\nthe drop node without dropping.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary.",
+        "sig" : "(nodeData, source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "nodeData",
+            "type" : "Object",
+            "desc" : "The custom data associated with the drop node (this is the same value returned from\n{@link #getTargetFromEvent} for this node)",
+            "isOptional" : false
+          },
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onNodeOver",
+        "type" : "function",
+        "desc" : "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is over a drop node\nthat it has registered.  The default implementation returns this.dropNotAllowed, so it should be\noverridden to provide the proper feedback.",
+        "sig" : "(nodeData, source, e, data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "nodeData",
+            "type" : "Object",
+            "desc" : "The custom data associated with the drop node (this is the same value returned from\n{@link #getTargetFromEvent} for this node)",
+            "isOptional" : false
+          },
+          {
+            "name" : "source",
+            "type" : "Roo.dd.DragSource",
+            "desc" : "The drag source that was dragged over this drop zone",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
+          }
+        ]
+      },
       {
         "name" : "padding",
         "type" : "function",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.dd.DropTarget",
-      "Roo.dd.DropZone"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.dd.DragDrop" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
+  "Roo.dd.Registry" : {
+    "props" : [],
     "events" : [],
     "methods" : [
       {
-        "name" : "addEvents",
+        "name" : "getHandle",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Returns the handle registered for a DOM Node by id",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "id",
+            "type" : "String|HTMLElement",
+            "desc" : "The DOM node or id to look up",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "handle The custom handle data"
+          }
+        ]
       },
       {
-        "name" : "addInvalidHandleClass",
+        "name" : "getHandleFromEvent",
         "type" : "function",
-        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
-        "sig" : "(cssClass)",
+        "desc" : "Returns the handle that is registered for the DOM node that is the target of the event",
+        "sig" : "(e)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the elements you wish to ignore",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "handle The custom handle data"
+          }
+        ]
       },
       {
-        "name" : "addInvalidHandleId",
+        "name" : "getTarget",
         "type" : "function",
-        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "desc" : "Returns a custom data object that is registered for a DOM node by id",
         "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "params" : [
           {
             "name" : "id",
-            "type" : "string",
-            "desc" : "the element id of the element you wish to ignore",
+            "type" : "String|HTMLElement",
+            "desc" : "The DOM node or id to look up",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "data The custom data"
+          }
+        ]
       },
       {
-        "name" : "addInvalidHandleType",
+        "name" : "getTargetFromEvent",
         "type" : "function",
-        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
-        "sig" : "(tagName)",
+        "desc" : "Returns a custom data object that is registered for the DOM node that is the target of the event",
+        "sig" : "(e)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to exclude",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "The event",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "options",
+            "name" : "",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
-            "isOptional" : false
+            "desc" : "data The custom data"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "addToGroup",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
-        "sig" : "(sGroup)",
+        "desc" : "Register a drag drop element",
+        "sig" : "(element, data)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "sGroup",
-            "type" : "",
-            "desc" : "{string} the name of the group",
+            "name" : "element",
+            "type" : "String|HTMLElement",
+            "desc" : "The id or DOM node to register",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
+            "desc" : "(optional) A custom data object that will be passed between the elements that are involved\nin drag drop operations.  You can populate this object with any arbitrary properties that your own code\nknows how to interpret, plus there are some specific properties known to the Registry that should be\npopulated in the data object (if applicable):\n<pre>\nValue      Description<br />\n---------  ------------------------------------------<br />\nhandles    Array of DOM nodes that trigger dragging<br />\n           for the element being registered<br />\nisHandle   True if the element passed in triggers<br />\n           dragging itself, else false\n</pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyConfig",
+        "name" : "unregister",
         "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}",
+        "desc" : "Unregister a drag drop element",
+        "sig" : "(element)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "element",
+            "type" : "String|HTMLElement",
+            "desc" : "The id or DOM node to unregister",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "clearConstraints",
-        "type" : "function",
-        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
-        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.dd.ScrollManager" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "clearTicks",
+        "name" : "refreshCache",
         "type" : "function",
-        "desc" : "Clears any tick interval defined for this instance",
+        "desc" : "Manually trigger a cache refresh.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "endDrag",
+        "name" : "register",
         "type" : "function",
-        "desc" : "Fired when we are done dragging the object",
-        "sig" : "(e)",
+        "desc" : "Registers new overflow element(s) to auto scroll",
+        "sig" : "(el)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Array",
+            "desc" : "The id of or the element to be scrolled or an array of either",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "unregister",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Unregisters overflow element(s) so they are no longer scrolled",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element/Array",
+            "desc" : "The id of or the element to be removed or an array of either",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.dd.StatusProxy" : {
+    "props" : [
+      {
+        "name" : "dropAllowed",
+        "type" : "String",
+        "desc" : "The CSS class to apply to the status element when drop is allowed (defaults to \"x-dd-drop-ok\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "getDragEl",
+        "name" : "dropNotAllowed",
+        "type" : "String",
+        "desc" : "The CSS class to apply to the status element when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "desc" : "Returns the underlying proxy {@link Roo.Layer}",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "type" : "Roo.Layer",
+            "desc" : "el"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getGhost",
         "type" : "function",
-        "desc" : "Returns a reference to the linked element",
+        "desc" : "Returns the ghost element",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "type" : "Roo.Element",
+            "desc" : "el"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Hides the proxy",
+        "sig" : "(clear)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "clear",
+            "type" : "Boolean",
+            "desc" : "True to reset the status and clear the ghost contents, false to preserve them",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "init",
+        "name" : "repair",
         "type" : "function",
-        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Causes the proxy to return to its position of origin via an animation.  Should be called after an\ninvalid drop operation by the item being dragged.",
+        "sig" : "(xy, callback, scope)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
+            "name" : "xy",
+            "type" : "Array",
+            "desc" : "The XY position of the element ([x, y])",
             "isOptional" : false
           },
           {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "The function to call after the repair is complete",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "The scope in which to execute the callback",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "initTarget",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Resets the status indicator to the default dropNotAllowed value",
+        "sig" : "(clearGhost)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
-            "isOptional" : false
-          },
-          {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "clearGhost",
+            "type" : "Boolean",
+            "desc" : "True to also remove all content from the ghost, false to preserve it",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "isLocked",
+        "name" : "setStatus",
         "type" : "function",
-        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Updates the proxy's visual element to indicate the status of whether or not drop is allowed\nover the current target element.",
+        "sig" : "(cssClass)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
+            "name" : "cssClass",
+            "type" : "String",
+            "desc" : "The css class for the new drop status indicator image",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isTarget",
+        "name" : "show",
         "type" : "function",
-        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
+        "desc" : "Displays this proxy",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "isValidHandleChild",
+        "name" : "stop",
         "type" : "function",
-        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
-        "sig" : "(node)",
+        "desc" : "Stops the repair animation if it's currently running",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "the HTMLElement to evaluate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this is a valid tag type, false if not"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "lock",
+        "name" : "sync",
         "type" : "function",
-        "desc" : "Lock this instance",
+        "desc" : "Force the Layer to sync its shadow and shim positions to the element",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "update",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Updates the contents of the ghost element",
+        "sig" : "(html)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "html",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "The html that will replace the current innerHTML of the ghost element",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.Action" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.BasicForm" : {
+    "props" : [
+      {
+        "name" : "baseParams",
+        "type" : "Object",
+        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "onAvailable",
-        "type" : "function",
-        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "name" : "errorMask",
+        "type" : "Boolean",
+        "desc" : "Should the form be masked (and the active element highlighted on error - default false",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "onDrag",
-        "type" : "function",
-        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
-        "sig" : "(e)",
-        "static" : false,
+        "name" : "errorReader",
+        "type" : "DataReader",
+        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "onDragDrop",
+        "name" : "fileUpload",
+        "type" : "Boolean",
+        "desc" : "Set to true if this form is a file upload.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskOffset",
+        "type" : "Number",
+        "desc" : "space around form element to mask if there is an error Default 100",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "method",
+        "type" : "String",
+        "desc" : "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "reader",
+        "type" : "DataReader",
+        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "timeout",
+        "type" : "Number",
+        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "trackResetOnLoad",
+        "type" : "Boolean",
+        "desc" : "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "actioncomplete",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
-        "sig" : "(e, id)",
-        "static" : false,
+        "desc" : "Fires when an action is completed.",
+        "sig" : "function (_self, action)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action that completed",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragEnter",
+        "name" : "actionfailed",
         "type" : "function",
-        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
-        "sig" : "(e, id)",
-        "static" : false,
+        "desc" : "Fires when an action fails.",
+        "sig" : "function (_self, action)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action that failed",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragOut",
+        "name" : "beforeaction",
         "type" : "function",
-        "desc" : "Abstract method called when we are no longer hovering over an element",
-        "sig" : "(e, id)",
-        "static" : false,
+        "desc" : "Fires before any action is performed. Return false to cancel the action.",
+        "sig" : "function (_self, action)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action to be performed",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "onDragOver",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Add Roo.form components to this form.",
+        "sig" : "(field1, field2, etc)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "field1",
+            "type" : "Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
+            "name" : "field2",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          },
+          {
+            "name" : "etc",
+            "type" : "Field",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "onInvalidDrop",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
-        "sig" : "(e)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseDown",
+        "name" : "addForm",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
-        "sig" : "(e)",
+        "desc" : "Add a secondary form to this one, \nUsed to provide tabbed forms. One form is primary, with hidden values \nwhich mirror the elements from the other forms.",
+        "sig" : "(form)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousedown event",
+            "name" : "form",
+            "type" : "Roo.form.Form",
+            "desc" : "to add.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseUp",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
-        "sig" : "(e)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "padding",
+        "name" : "applyIfToFields",
         "type" : "function",
-        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Calls {@link Ext#applyIf} for all field in this form with the passed object.",
+        "sig" : "(values)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "applyToFields",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Calls {@link Ext#apply} for all fields in this form with the passed object.",
+        "sig" : "(values)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
         "static" : true,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
           {
             "name" : "o",
             "type" : "Observable",
-            "desc" : "The Observable to release",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeFromGroup",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Remove's this instance from the supplied interaction group",
-        "sig" : "(sGroup)",
+        "desc" : "Clears all invalid messages in this form.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "sGroup",
-            "type" : "string",
-            "desc" : "The group to drop",
-            "isOptional" : false
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleClass",
+        "name" : "doAction",
         "type" : "function",
-        "desc" : "Unsets an invalid css class",
-        "sig" : "(cssClass)",
+        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
+        "sig" : "(actionName, options)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the element(s) you wish to\nre-enable",
+            "name" : "actionName",
+            "type" : "String",
+            "desc" : "The name of the action type",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) The options to pass to the action.  All of the config options listed\nbelow are supported by both the submit and load actions unless otherwise noted (custom actions could also\naccept other config options):\n<pre>\nProperty          Type             Description\n----------------  ---------------  ----------------------------------------------------------------------------------\nurl               String           The url for the action (defaults to the form's url)\nmethod            String           The form method to use (defaults to the form's method, or POST if not defined)\nparams            String/Object    The params to pass (defaults to the form's baseParams, or none if not defined)\nclientValidation  Boolean          Applies to submit only.  Pass true to call form.isValid() prior to posting to\n                                   validate the form on the client (defaults to false)\n</pre>",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "removeInvalidHandleId",
+        "name" : "findField",
         "type" : "function",
-        "desc" : "Unsets an invalid handle id",
+        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
         "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "params" : [
           {
             "name" : "id",
-            "type" : "string",
-            "desc" : "the id of the element to re-enable",
+            "type" : "String",
+            "desc" : "The value to search for",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "removeInvalidHandleType",
-        "type" : "function",
-        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
-        "sig" : "(tagName)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to unexclude",
-            "isOptional" : false
+            "name" : "",
+            "type" : "",
+            "desc" : "Field"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "resetConstraints",
+        "name" : "getFieldValues",
         "type" : "function",
-        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
-        "sig" : "(maintainOffset)",
+        "desc" : "Returns the fields in this form as an object with key/value pairs. \nThis differs from getValues as it calls getValue on each child item, rather than using dom data.\nNormally this will not return readOnly data",
+        "sig" : "(with_readonly)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "maintainOffset",
-            "type" : "boolean",
-            "desc" : "",
+            "name" : "with_readonly",
+            "type" : "Boolean",
+            "desc" : "return readonly field data.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "setDragElId",
+        "name" : "getValues",
         "type" : "function",
-        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
-        "sig" : "(id)",
+        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
+        "sig" : "(asString)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to initiate the drag",
+            "name" : "asString",
+            "type" : "Boolean",
+            "desc" : "(def)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "setHandleElId",
+        "name" : "hasChanged",
         "type" : "function",
-        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
-        "sig" : "(id)",
+        "desc" : "Returns true if any fields in this form have changed since their original load. (New version)",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
+            "name" : "",
             "type" : "",
-            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
-            "isOptional" : false
+            "desc" : "Boolean"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setInitPosition",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Stores the initial placement of the linked element.",
-        "sig" : "(diffX, diffY)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "diffX",
-            "type" : "int",
-            "desc" : "the X offset, default 0",
-            "isOptional" : false
-          },
-          {
-            "name" : "diffY",
-            "type" : "int",
-            "desc" : "the Y offset, default 0",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "setOuterHandleElId",
+        "name" : "invalidFields",
         "type" : "function",
-        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
-        "sig" : "(id)",
+        "desc" : "Returns array of invalid form fields.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
+            "name" : "",
             "type" : "",
-            "desc" : "the id of the element that will be used to initiate the drag",
-            "isOptional" : false
+            "desc" : "Array"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setPadding",
+        "name" : "isDirty",
         "type" : "function",
-        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
-        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "desc" : "DEPRICATED Returns true if any fields in this form have changed since their original load.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "iTop",
-            "type" : "int",
-            "desc" : "Top pad",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "Right pad",
-            "isOptional" : false
-          },
-          {
-            "name" : "iBot",
-            "type" : "int",
-            "desc" : "Bot pad",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "Left pad",
-            "isOptional" : false
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setXConstraint",
+        "name" : "isValid",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
-        "sig" : "(iLeft, iRight, iTickSize)",
+        "desc" : "Returns true if client-side validation on the form is successful.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the\nright",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setYConstraint",
+        "name" : "load",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
-        "sig" : "(iUp, iDown, iTickSize)",
+        "desc" : "Shortcut to do a load action.",
+        "sig" : "(options)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iUp",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move up",
-            "isOptional" : false
-          },
-          {
-            "name" : "iDown",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move down",
-            "isOptional" : false
-          },
-          {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "startDrag",
+        "name" : "loadRecord",
         "type" : "function",
-        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
-        "sig" : "(X, Y)",
+        "desc" : "Loads an Roo.data.Record into this form.",
+        "sig" : "(record)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "X",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
-          },
-          {
-            "name" : "Y",
-            "type" : "int",
-            "desc" : "click location",
+            "name" : "record",
+            "type" : "Record",
+            "desc" : "The record to load",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "toString",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "toString method",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Mark fields in this form invalid in bulk.",
+        "sig" : "(errors)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "errors",
+            "type" : "Array/Object",
+            "desc" : "Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "string",
-            "desc" : "string representation of the dd obj"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "un",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Unlock this instace",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "unreg",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Remove all drag and drop hooks for this element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.dd.DD",
-      "Roo.dd.DDProxy",
-      "Roo.dd.DDTarget",
-      "Roo.dd.DragSource",
-      "Roo.dd.DragZone",
-      "Roo.dd.DropTarget",
-      "Roo.dd.DropZone",
-      "Roo.grid.SplitDragZone"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.dd.DragDropMgr" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "getBestMatch",
+        "name" : "remove",
         "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)",
+        "desc" : "Removes a field from the items collection (does NOT remove its markup).",
+        "sig" : "(field)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "dds",
-            "type" : "DragDrop[]",
-            "desc" : "The array of drag and drop objects\ntargeted",
+            "name" : "field",
+            "type" : "Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "DragDrop",
-            "desc" : "The best single match"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getCss",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Returns the style property for the DOM element (i.e.,\ndocument.getElById(id).style)",
-        "sig" : "(id)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "This has been deprecated: use Roo.getDom instead",
+        "deprecated" : "",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "the id of the elment to get",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The style property of the element"
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getDDById",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Returns the DragDrop instance for a given id",
-        "sig" : "(id)",
+        "desc" : "Looks at the fields in this form, checks them for an id attribute,\nand calls applyTo on the existing dom element with that id.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "the id of the DragDrop object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "DragDrop",
-            "desc" : "the drag drop object, null if it is not found"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getElement",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Returns the actual DOM element",
-        "sig" : "(id)",
+        "desc" : "Resets this form.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "This has been deprecated: use Roo.getDom instead",
+        "deprecated" : "",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "the id of the elment to get",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "The element"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getLocation",
+        "name" : "resetHasChanged",
         "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)",
+        "desc" : "Resets all hasChanged to 'false' -\nThe old 'isDirty' used 'original value..' however this breaks reset() and a few other things.\nSo hasChanged storage is only to be used for this purpose",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "oDD",
-            "type" : "DragDrop",
-            "desc" : "the drag and drop object to get the\n                      location for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "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."
+            "type" : "",
+            "desc" : "Boolean"
           }
         ]
       },
       {
-        "name" : "getPosX",
+        "name" : "setValues",
         "type" : "function",
-        "desc" : "Returns the X position of an html element",
-        "sig" : "(el)",
+        "desc" : "Set values for fields in this form in bulk.",
+        "sig" : "(values)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getX instead",
+        "deprecated" : "",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "",
-            "desc" : "the element for which to get the position",
+            "name" : "values",
+            "type" : "Array/Object",
+            "desc" : "Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "int",
-            "desc" : "the X coordinate"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getPosY",
+        "name" : "submit",
         "type" : "function",
-        "desc" : "Returns the Y position of an html element",
-        "sig" : "(el)",
+        "desc" : "Shortcut to do a submit action.",
+        "sig" : "(options)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
-        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getY instead",
+        "deprecated" : "",
         "since" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "",
-            "desc" : "the element for which to get the position",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "int",
-            "desc" : "the Y coordinate"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getRelated",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Returns the drag and drop instances that are in all groups the\npassed in instance belongs to.",
-        "sig" : "(p_oDD, bTargetsOnly)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "p_oDD",
-            "type" : "DragDrop",
-            "desc" : "the obj to get related data for",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "bTargetsOnly",
-            "type" : "boolean",
-            "desc" : "if true, only return targetable objs",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "DragDrop[]",
-            "desc" : "the related instances"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getScrollLeft",
+        "name" : "updateRecord",
         "type" : "function",
-        "desc" : "Gets the scrollLeft",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Persists the values in this form into the passed Roo.data.Record object in a beginEdit/endEdit block.",
+        "sig" : "(record)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "record",
+            "type" : "Record",
+            "desc" : "The record to edit",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "int",
-            "desc" : "the document's scrollTop"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.form.Form"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.Checkbox" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "getScrollTop",
-        "type" : "function",
-        "desc" : "Gets the scrollTop",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "boxLabel",
+        "type" : "String",
+        "desc" : "The text that appears beside the checkbox",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "checked",
+        "type" : "Boolean",
+        "desc" : "True if the the checkbox should render already checked (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputValue",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value attribute",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueOff",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value when unchecked.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "int",
-            "desc" : "the document's scrollTop"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getStyle",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Returns the specified element style property",
-        "sig" : "(el, styleProp)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
-        "deprecated" : "This has been deprecated: use Roo.lib.Dom.getStyle",
+        "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "HTMLElement",
-            "desc" : "the element",
-            "isOptional" : false
-          },
-          {
-            "name" : "styleProp",
-            "type" : "string",
-            "desc" : "the style property",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "string",
-            "desc" : "The value of the style property"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "handleWasClicked",
+        "name" : "beforerender",
         "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,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "",
-            "desc" : "the html element to inspect",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "isDragDrop",
+        "name" : "beforeshow",
         "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,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "the element id to check",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this element is a DragDrop item,\nfalse otherwise"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isHandle",
+        "name" : "blur",
         "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,
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "the element id to check",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this element is a DragDrop handle, false\notherwise"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isLegalTarget",
+        "name" : "change",
         "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,
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "the",
-            "type" : "DragDrop",
-            "desc" : "drag obj",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "the",
-            "type" : "DragDrop",
-            "desc" : "target",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if the target is a legal target for the\ndd obj"
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isLocked",
+        "name" : "check",
         "type" : "function",
-        "desc" : "Is drag and drop locked?",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires when the checkbox is checked or unchecked.",
+        "sig" : "function (_self, checked)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "True if drag and drop is locked, false otherwise."
+            "name" : "this",
+            "type" : "Roo.form.Checkbox",
+            "desc" : "This checkbox",
+            "isOptional" : false
+          },
+          {
+            "name" : "checked",
+            "type" : "Boolean",
+            "desc" : "The new checked value",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isTypeOfDD",
+        "name" : "destroy",
         "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,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "the",
-            "type" : "Object",
-            "desc" : "object to evaluate",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if typeof oDD = DragDrop"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "lock",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Lock all drag and drop functionality",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "moveToEl",
+        "name" : "enable",
         "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,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "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",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "numericSort",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Numeric array sort function",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "refreshCache",
+        "name" : "hide",
         "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,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "groups",
-            "type" : "Object",
-            "desc" : "an associative array of groups to refresh",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "regDragDrop",
+        "name" : "invalid",
         "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,
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "oDD",
-            "type" : "DragDrop",
-            "desc" : "the DragDrop object to register",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "sGroup",
+            "name" : "msg",
             "type" : "String",
-            "desc" : "the name of the group this element belongs to",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "regHandle",
+        "name" : "keyup",
         "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,
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "sDDId",
-            "type" : "String",
-            "desc" : "the DragDrop id this element is a handle for",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "sHandleId",
-            "type" : "String",
-            "desc" : "the id of the element that is the drag\nhandle",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "startDrag",
+        "name" : "move",
         "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,
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
           {
             "name" : "x",
-            "type" : "",
-            "desc" : "{int} the X position of the original mousedown",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
             "name" : "y",
-            "type" : "",
-            "desc" : "{int} the Y position of the original mousedown",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "stopEvent",
+        "name" : "render",
         "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,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the event as returned by this.getEvent()",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "swapNode",
+        "name" : "resize",
         "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,
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "n1",
-            "type" : "",
-            "desc" : "the first node to swap",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "n2",
-            "type" : "",
-            "desc" : "the other node to swap",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Unlock all drag and drop functionality",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "verifyEl",
+        "name" : "specialkey",
         "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,
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "HTMLElement",
-            "desc" : "the element to check",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if the element looks usable"
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
           }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.dd.DragSource" : {
-    "props" : [
-      {
-        "name" : "dropAllowed",
-        "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-        "memberOf" : ""
+        ],
+        "returns" : []
       },
       {
-        "name" : "dropNotAllowed",
-        "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
-    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleClass",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
-        "sig" : "(cssClass)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the elements you wish to ignore",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "addInvalidHandleId",
-        "type" : "function",
-        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the element id of the element you wish to ignore",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleType",
+        "name" : "applyTo",
         "type" : "function",
-        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
-        "sig" : "(tagName)",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to exclude",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addToGroup",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
-        "sig" : "(sGroup)",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "sGroup",
-            "type" : "",
-            "desc" : "{string} the name of the group",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "afterDragDrop",
+        "name" : "destroy",
         "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)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "afterDragEnter",
+        "name" : "disable",
         "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)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "afterDragOut",
+        "name" : "enable",
         "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)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "afterDragOver",
+        "name" : "fireEvent",
         "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)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "afterInvalidDrop",
+        "name" : "focus",
         "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)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dropped element",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "afterValidDrop",
+        "name" : "getBox",
         "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)",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "alignElWithMouse",
+        "name" : "getEl",
         "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" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the mousedown or drag event",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "applyConfig",
+        "name" : "getId",
         "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.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "autoOffset",
+        "name" : "getName",
         "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" : "Returns the name attribute of the field if available",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the click",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the click",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforeDragDrop",
+        "name" : "getPosition",
         "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)",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag drop event is valid, else false to cancel"
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
           }
         ]
       },
       {
-        "name" : "beforeDragEnter",
+        "name" : "getRawValue",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter.",
-        "sig" : "(target, e, id)",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
       {
-        "name" : "beforeDragOut",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut.",
-        "sig" : "(target, e, id)",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
           }
         ]
       },
       {
-        "name" : "beforeDragOver",
+        "name" : "getValue",
         "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 and optionally cancel the onDragOver.",
-        "sig" : "(target, e, id)",
+        "desc" : "Returns the checked state of the checkbox.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "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
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
+            "desc" : "True if checked, else false"
           }
         ]
       },
       {
-        "name" : "beforeInvalidDrop",
+        "name" : "hasChanged",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred.",
-        "sig" : "(target, e, id)",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the invalid drop should proceed, else false to cancel"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "cachePosition",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
-        "sig" : "(iPageX, iPageY)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iPageX",
-            "type" : "",
-            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
-            "isOptional" : false
-          },
-          {
-            "name" : "iPageY",
-            "type" : "",
-            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "clearConstraints",
+        "name" : "isDirty",
         "type" : "function",
-        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "clearTicks",
+        "name" : "isValid",
         "type" : "function",
-        "desc" : "Clears any tick interval defined for this instance",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       },
       {
-        "name" : "createFrame",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Creates the proxy element if it does not yet exist",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DDProxy",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "endDrag",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Fired when we are done dragging the object",
-        "sig" : "(e)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getDragData",
+        "name" : "onPosition",
         "type" : "function",
-        "desc" : "Returns the data object associated with this drag source",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "data An object containing arbitrary data"
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getDragEl",
+        "name" : "onResize",
         "type" : "function",
-        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns a reference to the linked element",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getProxy",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Returns the drag source's underlying {@link Roo.dd.StatusProxy}",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.dd.StatusProxy",
-            "desc" : "proxy The StatusProxy"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hideProxy",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Hides the drag source's {@link Roo.dd.StatusProxy}",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "init",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
-            "isOptional" : false
-          },
-          {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "initFrame",
+        "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
+        "desc" : "stores the current value in loadedValue",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DDProxy",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "initTarget",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "isLocked",
+        "name" : "setPosition",
         "type" : "function",
-        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isTarget",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "isValidHandleChild",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
-        "sig" : "(node)",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "the HTMLElement to evaluate",
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this is a valid tag type, false if not"
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "lock",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Lock this instance",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the checked state of the checkbox.\nOn is always based on a string comparison between inputValue and the param.",
+        "sig" : "(value, suppressEvent)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "value",
+            "type" : "Boolean/String",
+            "desc" : "- the value to set",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "suppressEvent",
+            "type" : "Boolean/String",
+            "desc" : "- whether to suppress the checkchange event.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onAvailable",
-        "type" : "function",
-        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
-        "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" : "onBeforeDrag",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it.",
-        "sig" : "(data, e)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data to be shared with drop targets",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "onDrag",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
-        "sig" : "(e)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onDragDrop",
+        "name" : "syncSize",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
-        "sig" : "(e, id)",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onDragEnter",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragOut",
+        "name" : "updateBox",
         "type" : "function",
-        "desc" : "Abstract method called when we are no longer hovering over an element",
-        "sig" : "(e, id)",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragOver",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
-        ],
-        "returns" : []
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.form.Radio"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.Column" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "onInvalidDrop",
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec used to autocreate the column (defaults to {tag: 'div', cls: 'x-form-ct x-form-column'})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "clear",
+        "type" : "Boolean",
+        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideLabels",
+        "type" : "Boolean",
+        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)\nValid values are \"left,\" \"top\" and \"right\" (defaults to \"left",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "top",
+          "right"
+        ]
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "The separator to use after field labels (defaults to ':')",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String/Object/Function",
+        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number/String",
+        "desc" : "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseDown",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousedown event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseUp",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onStartDrag",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The x position of the click on the dragged object",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The y position of the click on the dragged object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "padding",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeFromGroup",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Remove's this instance from the supplied interaction group",
-        "sig" : "(sGroup)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "sGroup",
-            "type" : "string",
-            "desc" : "The group to drop",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeInvalidHandleClass",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Unsets an invalid css class",
-        "sig" : "(cssClass)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the element(s) you wish to\nre-enable",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeInvalidHandleId",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Unsets an invalid handle id",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the id of the element to re-enable",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "removeInvalidHandleType",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
-        "sig" : "(tagName)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to unexclude",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resetConstraints",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
-        "sig" : "(maintainOffset)",
+        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Layout",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "maintainOffset",
-            "type" : "boolean",
+            "name" : "config",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setDelta",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
-        "sig" : "(iDeltaX, iDeltaY)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DD",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "iDeltaX",
-            "type" : "int",
-            "desc" : "the distance from the left",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "iDeltaY",
-            "type" : "int",
-            "desc" : "the distance from the top",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDragElId",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
-        "sig" : "(id)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to initiate the drag",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setDragElPos",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the mousedown or drag event",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the mousedown or drag event",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setHandleElId",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
-        "sig" : "(id)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setInitPosition",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Stores the initial placement of the linked element.",
-        "sig" : "(diffX, diffY)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "diffX",
-            "type" : "int",
-            "desc" : "the X offset, default 0",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "diffY",
-            "type" : "int",
-            "desc" : "the Y offset, default 0",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "setOuterHandleElId",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
-        "sig" : "(id)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the element that will be used to initiate the drag",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setPadding",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
-        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "iTop",
-            "type" : "int",
-            "desc" : "Top pad",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "Right pad",
-            "isOptional" : false
-          },
-          {
-            "name" : "iBot",
-            "type" : "int",
-            "desc" : "Bot pad",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "Left pad",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setXConstraint",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
-        "sig" : "(iLeft, iRight, iTickSize)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the\nright",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setYConstraint",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
-        "sig" : "(iUp, iDown, iTickSize)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iUp",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move up",
-            "isOptional" : false
-          },
-          {
-            "name" : "iDown",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move down",
-            "isOptional" : false
-          },
-          {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "startDrag",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
-        "sig" : "(X, Y)",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "X",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "Y",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "toString",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "toString method",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "string",
-            "desc" : "string representation of the dd obj"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Unlock this instace",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "unreg",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Remove all drag and drop hooks for this element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.dd.DragZone"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.dd.DragZone" : {
-    "props" : [
-      {
-        "name" : "containerScroll",
-        "type" : "Boolean",
-        "desc" : "True to register this container with the Scrollmanager\nfor auto scrolling during drag operations.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "dropAllowed",
-        "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-        "memberOf" : "Roo.dd.DragSource"
-      },
-      {
-        "name" : "dropNotAllowed",
-        "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-        "memberOf" : "Roo.dd.DragSource"
-      },
-      {
-        "name" : "hlColor",
-        "type" : "String",
-        "desc" : "The color to use when visually highlighting the drag source in the afterRepair\nmethod after a failed drop (defaults to \"c3daf9\" - light blue)",
-        "memberOf" : ""
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "addEvents",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "The object with the events defined",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleClass",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
-        "sig" : "(cssClass)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the elements you wish to ignore",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleId",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
-        "sig" : "(id)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the element id of the element you wish to ignore",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleType",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
-        "sig" : "(tagName)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to exclude",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.form.Row",
+      "Roo.form.Field",
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TriggerField",
+      "Roo.Button",
+      "Roo.SplitButton",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton",
+      "Roo.form.TextItem",
+      "Roo.form.FieldSet"
+    ],
+    "tree_parent" : []
+  },
+  "Roo.form.ComboBox" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allQuery",
+        "type" : "String",
+        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "alwaysQuery",
+        "type" : "Boolean",
+        "desc" : "Disable caching of results, and always send query",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blockFocus",
+        "type" : "Boolean",
+        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClear",
+        "type" : "Boolean",
+        "desc" : "Disable showing of clear button.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "displayField",
+        "type" : "String",
+        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceSelection",
+        "type" : "Boolean",
+        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lazyRender",
+        "type" : "Boolean",
+        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listAlign",
+        "type" : "String",
+        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadingText",
+        "type" : "String",
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minChars",
+        "type" : "Number",
+        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minListWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pageSize",
+        "type" : "Number",
+        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryParam",
+        "type" : "String",
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tpl",
+        "type" : "String/Roo.Template",
+        "desc" : "The template to use to render the output",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "transform",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerAction",
+        "type" : "String",
+        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAhead",
+        "type" : "Boolean",
+        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAheadDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueField",
+        "type" : "String",
+        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueNotFoundText",
+        "type" : "String",
+        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforequery",
+        "type" : "function",
+        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
+        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The query",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "true to force \"all\" query",
+            "isOptional" : false
+          },
+          {
+            "name" : "cancel",
+            "type" : "Boolean",
+            "desc" : "true to cancel the query",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The query event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Fires when the dropdown list is collapsed",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "edit",
+        "type" : "function",
+        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo, record)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record|false",
+            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Fires when the dropdown list is expanded",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "move",
+        "type" : "function",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when a list item is selected",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store (or false on clear)",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "applyTo",
+        "type" : "function",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "clearValue",
+        "type" : "function",
+        "desc" : "Clears any text/value currently set in the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "doQuery",
+        "type" : "function",
+        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
+        "sig" : "(query, forceAll)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The SQL query to execute",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getBox",
+        "type" : "function",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name attribute of the field if available",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
+          }
+        ]
+      },
+      {
+        "name" : "getPosition",
+        "type" : "function",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getSize",
+        "type" : "function",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "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" : "value The selected value"
+          }
+        ]
+      },
+      {
+        "name" : "hasChanged",
+        "type" : "function",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "isDirty",
+        "type" : "function",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isExpanded",
+        "type" : "function",
+        "desc" : "Returns true if the dropdown list is expanded, else false.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isValid",
+        "type" : "function",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onPosition",
+        "type" : "function",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onResize",
+        "type" : "function",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onTriggerClick",
+        "type" : "function",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "resetHasChanged",
+        "type" : "function",
+        "desc" : "stores the current value in loadedValue",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(index, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The zero-based index of the list item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "selectByValue",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(value, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The data value of the item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value matched an item in the list, else false"
+          }
+        ]
+      },
+      {
+        "name" : "selectText",
+        "type" : "function",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setEditable",
+        "type" : "function",
+        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Boolean",
+            "desc" : "True to allow the user to directly edit the field text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setFromData",
+        "type" : "function",
+        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Object",
+            "desc" : "the value to set as. or false on reset?",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPosition",
+        "type" : "function",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The value to match",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "updateBox",
+        "type" : "function",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.ComboBoxArray" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "combo",
+        "type" : "Roo.form.ComboBox",
+        "desc" : "The combo box that is wrapped",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "True if this field should automatically grow and shrink to its content",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "The hidden name of the field, often contains an comma seperated list of names",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The name of the visable items on this form (eg. titles not ids)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "seperator",
+        "type" : "String",
+        "desc" : "The value seperator normally ','",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "The width of the box that displays the selected element",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeremove",
+        "type" : "function",
+        "desc" : "Fires before remove the value from the list",
+        "sig" : "function (_self, item)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "_self",
+            "type" : "Roo.form.ComboBoxArray",
+            "desc" : "This combo box array",
+            "isOptional" : false
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.form.ComboBoxArray.Item",
+            "desc" : "removed item",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "move",
+        "type" : "function",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "remove",
+        "type" : "function",
+        "desc" : "Fires when remove the value from the list",
+        "sig" : "function (_self, item)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "_self",
+            "type" : "Roo.form.ComboBoxArray",
+            "desc" : "This combo box array",
+            "isOptional" : false
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.form.ComboBoxArray.Item",
+            "desc" : "removed item",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "applyTo",
+        "type" : "function",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getBox",
+        "type" : "function",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name attribute of the field if available",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
+          }
+        ]
+      },
+      {
+        "name" : "getPosition",
+        "type" : "function",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getSize",
+        "type" : "function",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "hasChanged",
+        "type" : "function",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "isDirty",
+        "type" : "function",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isValid",
+        "type" : "function",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onPosition",
+        "type" : "function",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onResize",
+        "type" : "function",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "resetHasChanged",
+        "type" : "function",
+        "desc" : "stores the current value in loadedValue",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "selectText",
+        "type" : "function",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPosition",
+        "type" : "function",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "updateBox",
+        "type" : "function",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the combox array value",
+        "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 the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.ComboBoxArray.Item" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "move",
+        "type" : "function",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getBox",
+        "type" : "function",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getPosition",
+        "type" : "function",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
+      },
+      {
+        "name" : "getSize",
+        "type" : "function",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+          }
+        ]
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onPosition",
+        "type" : "function",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onResize",
+        "type" : "function",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPosition",
+        "type" : "function",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "updateBox",
+        "type" : "function",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.ComboCheck" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allQuery",
+        "type" : "String",
+        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "alwaysQuery",
+        "type" : "Boolean",
+        "desc" : "Disable caching of results, and always send query",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blockFocus",
+        "type" : "Boolean",
+        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClear",
+        "type" : "Boolean",
+        "desc" : "Disable showing of clear button.",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "displayField",
+        "type" : "String",
+        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceSelection",
+        "type" : "Boolean",
+        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lazyRender",
+        "type" : "Boolean",
+        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listAlign",
+        "type" : "String",
+        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadingText",
+        "type" : "String",
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minChars",
+        "type" : "Number",
+        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minListWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pageSize",
+        "type" : "Number",
+        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryParam",
+        "type" : "String",
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tpl",
+        "type" : "String/Roo.Template",
+        "desc" : "The template to use to render the output",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "transform",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerAction",
+        "type" : "String",
+        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAhead",
+        "type" : "Boolean",
+        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAheadDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueField",
+        "type" : "String",
+        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueNotFoundText",
+        "type" : "String",
+        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforequery",
+        "type" : "function",
+        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
+        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The query",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "true to force \"all\" query",
+            "isOptional" : false
+          },
+          {
+            "name" : "cancel",
+            "type" : "Boolean",
+            "desc" : "true to cancel the query",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The query event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Fires when the dropdown list is collapsed",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "edit",
+        "type" : "function",
+        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo, record)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record|false",
+            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Fires when the dropdown list is expanded",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "move",
+        "type" : "function",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when a list item is selected",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store (or false on clear)",
+            "isOptional" : false
+          },
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "applyTo",
+        "type" : "function",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "clearValue",
+        "type" : "function",
+        "desc" : "Clears any text/value currently set in the field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "doQuery",
+        "type" : "function",
+        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
+        "sig" : "(query, forceAll)",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The SQL query to execute",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "getBox",
+        "type" : "function",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name attribute of the field if available",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
+          }
+        ]
+      },
+      {
+        "name" : "getPosition",
+        "type" : "function",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
+      },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "getSize",
+        "type" : "function",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+          }
+        ]
+      },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "value The selected value"
+          }
+        ]
+      },
+      {
+        "name" : "hasChanged",
+        "type" : "function",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "isDirty",
+        "type" : "function",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isExpanded",
+        "type" : "function",
+        "desc" : "Returns true if the dropdown list is expanded, else false.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isValid",
+        "type" : "function",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
             "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "options",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onPosition",
+        "type" : "function",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onResize",
+        "type" : "function",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onTriggerClick",
+        "type" : "function",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "resetHasChanged",
+        "type" : "function",
+        "desc" : "stores the current value in loadedValue",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(index, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The zero-based index of the list item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "selectByValue",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(value, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The data value of the item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value matched an item in the list, else false"
+          }
+        ]
+      },
+      {
+        "name" : "selectText",
+        "type" : "function",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setEditable",
+        "type" : "function",
+        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Boolean",
+            "desc" : "True to allow the user to directly edit the field text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setFromData",
+        "type" : "function",
+        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Object",
+            "desc" : "the value to set as. or false on reset?",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPosition",
+        "type" : "function",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.ComboBox",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The value to match",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "updateBox",
+        "type" : "function",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "box",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "An object in the format {x, y, width, height}",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addToGroup",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
-        "sig" : "(sGroup)",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "sGroup",
-            "type" : "",
-            "desc" : "{string} the name of the group",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "afterDragDrop",
+        "name" : "validateValue",
         "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)",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.ComboNested" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allQuery",
+        "type" : "String",
+        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "alwaysQuery",
+        "type" : "Boolean",
+        "desc" : "Disable caching of results, and always send query",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "Boolean/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blockFocus",
+        "type" : "Boolean",
+        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClear",
+        "type" : "Boolean",
+        "desc" : "Disable showing of clear button.",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "displayField",
+        "type" : "String",
+        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceSelection",
+        "type" : "Boolean",
+        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lazyRender",
+        "type" : "Boolean",
+        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listAlign",
+        "type" : "String",
+        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadingText",
+        "type" : "String",
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minChars",
+        "type" : "Number",
+        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minListWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "pageSize",
+        "type" : "Number",
+        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryParam",
+        "type" : "String",
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tpl",
+        "type" : "String/Roo.Template",
+        "desc" : "The template to use to render the output",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "transform",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerAction",
+        "type" : "String",
+        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAhead",
+        "type" : "Boolean",
+        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAheadDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueField",
+        "type" : "String",
+        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueNotFoundText",
+        "type" : "String",
+        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+        "memberOf" : "Roo.form.ComboBox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dropped element",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "afterDragEnter",
+        "name" : "beforedestroy",
         "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,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforequery",
+        "type" : "function",
+        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
+        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
             "isOptional" : false
           },
           {
-            "name" : "id",
+            "name" : "query",
             "type" : "String",
-            "desc" : "The id of the dragged element",
+            "desc" : "The query",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "true to force \"all\" query",
+            "isOptional" : false
+          },
+          {
+            "name" : "cancel",
+            "type" : "Boolean",
+            "desc" : "true to cancel the query",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The query event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "afterDragOut",
+        "name" : "beforerender",
         "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,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeselect",
+        "type" : "function",
+        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "afterDragOver",
+        "name" : "beforeshow",
         "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,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "afterInvalidDrop",
+        "name" : "collapse",
         "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,
+        "desc" : "Fires when the dropdown list is collapsed",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dropped element",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "afterRepair",
+        "name" : "disable",
         "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,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "afterValidDrop",
+        "name" : "edit",
         "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,
+        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo, record)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Object",
-            "desc" : "The target DD",
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "record",
+            "type" : "Roo.data.Record|false",
+            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Fires when the dropdown list is expanded",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
+            "name" : "msg",
             "type" : "String",
-            "desc" : "The id of the dropped element",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "alignElWithMouse",
+        "name" : "move",
         "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,
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "HTMLElement",
-            "desc" : "the element to move",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the mousedown or drag event",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the mousedown or drag event",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyConfig",
+        "name" : "render",
         "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,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "autoOffset",
+        "name" : "resize",
         "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,
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "iPageX",
-            "type" : "int",
-            "desc" : "the X coordinate of the click",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the click",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeDragDrop",
+        "name" : "select",
         "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",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a list item is selected",
+        "sig" : "function (combo, record, index)\n{\n\n}",
+        "memberOf" : "Roo.form.ComboBox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "record",
+            "type" : "Roo.data.Record",
+            "desc" : "The data record returned from the underlying store (or false on clear)",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index of the selected item in the dropdown list",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag drop event is valid, else false to cancel"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "beforeDragEnter",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action\nbefore the dragged item enters the drop target and optionally cancel the onDragEnter.",
-        "sig" : "(target, e, id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "Event",
+            "type" : "Roo.EventObject",
             "desc" : "The event object",
             "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
-            "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "beforeDragOut",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action before the dragged\nitem is dragged out of the target without dropping, and optionally cancel the onDragOut.",
-        "sig" : "(target, e, id)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "beforeDragOver",
+        "name" : "addListener",
         "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 and optionally cancel the onDragOver.",
-        "sig" : "(target, e, id)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "target",
-            "type" : "Roo.dd.DragDrop",
-            "desc" : "The drop target",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The id of the dragged element",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "beforeInvalidDrop",
+        "name" : "applyTo",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action after an invalid\ndrop has occurred.",
-        "sig" : "(target, e, id)",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the invalid drop should proceed, else false to cancel"
+            "type" : "Roo.form.Field",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "cachePosition",
+        "name" : "autoSize",
         "type" : "function",
-        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
-        "sig" : "(iPageX, iPageY)",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.form.TriggerField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "iPageX",
-            "type" : "",
-            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
-            "isOptional" : false
-          },
-          {
-            "name" : "iPageY",
-            "type" : "",
-            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "clearConstraints",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "clearTicks",
+        "name" : "clearValue",
         "type" : "function",
-        "desc" : "Clears any tick interval defined for this instance",
+        "desc" : "Clears any text/value currently set in the field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "createFrame",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Creates the proxy element if it does not yet exist",
+        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DDProxy",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "endDrag",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fired when we are done dragging the object",
-        "sig" : "(e)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getDragData",
+        "name" : "doQuery",
         "type" : "function",
-        "desc" : "Called when a mousedown occurs in this container. Looks in {@link Roo.dd.Registry}\nfor a valid target to drag based on the mouse down. Override this method\nto provide your own lookup logic (e.g. finding a child by class name). Make sure your returned\nobject has a \"ddel\" attribute (with an HTML Element) for other functions to work.",
-        "sig" : "(e)",
+        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
+        "sig" : "(query, forceAll)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The mouse down event",
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The SQL query to execute",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "The dragData"
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getDragEl",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Returns a reference to the linked element",
+        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getProxy",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns the drag source's underlying {@link Roo.dd.StatusProxy}",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.dd.StatusProxy",
-            "desc" : "proxy The StatusProxy"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getRepairXY",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Called before a repair of an invalid drop to get the XY to animate to. By default returns\nthe XY of this.dragData.ddel",
-        "sig" : "(e)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "The mouse up event",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The xy location (e.g. [100, 200])"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hideProxy",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Hides the drag source's {@link Roo.dd.StatusProxy}",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
       },
       {
-        "name" : "init",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "sGroup",
+            "name" : "",
             "type" : "String",
-            "desc" : "the group of related items",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
-            "isOptional" : false
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "initFrame",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
+        "desc" : "Returns the name attribute of the field if available",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DDProxy",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
+          }
+        ]
       },
       {
-        "name" : "initTarget",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
-            "isOptional" : false
-          },
-          {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
       },
       {
-        "name" : "isLocked",
+        "name" : "getRawValue",
         "type" : "function",
-        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
       {
-        "name" : "isTarget",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
+        "desc" : "Gets the current size of the component's underlying element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+          }
+        ]
       },
       {
-        "name" : "isValidHandleChild",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
-        "sig" : "(node)",
+        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "the HTMLElement to evaluate",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this is a valid tag type, false if not"
+            "type" : "String",
+            "desc" : "value The selected value"
           }
         ]
       },
       {
-        "name" : "lock",
+        "name" : "hasChanged",
         "type" : "function",
-        "desc" : "Lock this instance",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "onAvailable",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "onBeforeDrag",
+        "name" : "isDirty",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action before the initial\ndrag event begins and optionally cancel it.",
-        "sig" : "(data, e)",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data to be shared with drop targets",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "isValid True if the drag event is valid, else false to cancel"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "onDrag",
+        "name" : "isExpanded",
         "type" : "function",
-        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
-        "sig" : "(e)",
+        "desc" : "Returns true if the dropdown list is expanded, else false.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onDragDrop",
+        "name" : "isValid",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
-        "sig" : "(e, id)",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       },
       {
-        "name" : "onDragEnter",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onDragOut",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Abstract method called when we are no longer hovering over an element",
-        "sig" : "(e, id)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragOver",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onInitDrag",
+        "name" : "onPosition",
         "type" : "function",
-        "desc" : "Called once drag threshold has been reached to initialize the proxy element. By default, it clones the\nthis.dragData.ddel",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
         "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "x",
             "type" : "Number",
-            "desc" : "The x position of the click on the dragged object",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
             "name" : "y",
             "type" : "Number",
-            "desc" : "The y position of the click on the dragged object",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "true to continue the drag, false to cancel"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "onInvalidDrop",
+        "name" : "onResize",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
-        "sig" : "(e)",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseDown",
+        "name" : "onTriggerClick",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
         "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.TriggerField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousedown event",
+            "type" : "EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseUp",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
-        "sig" : "(e)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onStartDrag",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "An empty function by default, but provided so that you can perform a custom action once the initial\ndrag event has begun.  The drag cannot be canceled from this function.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragSource",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The x position of the click on the dragged object",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The y position of the click on the dragged object",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "padding",
-        "type" : "function",
-        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this 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" : "purgeListeners",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeFromGroup",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Remove's this instance from the supplied interaction group",
-        "sig" : "(sGroup)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "sGroup",
-            "type" : "string",
-            "desc" : "The group to drop",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeInvalidHandleClass",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Unsets an invalid css class",
-        "sig" : "(cssClass)",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the element(s) you wish to\nre-enable",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeInvalidHandleId",
+        "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "Unsets an invalid handle id",
-        "sig" : "(id)",
+        "desc" : "stores the current value in loadedValue",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the id of the element to re-enable",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeInvalidHandleType",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
-        "sig" : "(tagName)",
+        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(index, scrollIntoView)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to unexclude",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The zero-based index of the list item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "selectByValue",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(value, scrollIntoView)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "value",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The data value of the item to select",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value matched an item in the list, else false"
+          }
+        ]
       },
       {
-        "name" : "resetConstraints",
+        "name" : "selectText",
         "type" : "function",
-        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
-        "sig" : "(maintainOffset)",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "maintainOffset",
-            "type" : "boolean",
-            "desc" : "",
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDelta",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
-        "sig" : "(iDeltaX, iDeltaY)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iDeltaX",
-            "type" : "int",
-            "desc" : "the distance from the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iDeltaY",
-            "type" : "int",
-            "desc" : "the distance from the top",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDragElId",
+        "name" : "setEditable",
         "type" : "function",
-        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
-        "sig" : "(id)",
+        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to initiate the drag",
+            "name" : "value",
+            "type" : "Boolean",
+            "desc" : "True to allow the user to directly edit the field text",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDragElPos",
+        "name" : "setFromData",
         "type" : "function",
-        "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
+        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "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",
+            "name" : "value",
+            "type" : "Object",
+            "desc" : "the value to set as. or false on reset?",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setHandleElId",
+        "name" : "setPagePosition",
         "type" : "function",
-        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
-        "sig" : "(id)",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setInitPosition",
+        "name" : "setPosition",
         "type" : "function",
-        "desc" : "Stores the initial placement of the linked element.",
-        "sig" : "(diffX, diffY)",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "diffX",
-            "type" : "int",
-            "desc" : "the X offset, default 0",
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
             "isOptional" : false
           },
           {
-            "name" : "diffY",
-            "type" : "int",
-            "desc" : "the Y offset, default 0",
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setOuterHandleElId",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
-        "sig" : "(id)",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the element that will be used to initiate the drag",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPadding",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
-        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iTop",
-            "type" : "int",
-            "desc" : "Top pad",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "Right pad",
-            "isOptional" : false
-          },
-          {
-            "name" : "iBot",
-            "type" : "int",
-            "desc" : "Bot pad",
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
             "isOptional" : false
           },
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "Left pad",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setXConstraint",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
-        "sig" : "(iLeft, iRight, iTickSize)",
+        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.ComboBox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the\nright",
-            "isOptional" : false
-          },
-          {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The value to match",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setYConstraint",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
-        "sig" : "(iUp, iDown, iTickSize)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iUp",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move up",
-            "isOptional" : false
-          },
-          {
-            "name" : "iDown",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move down",
-            "isOptional" : false
-          },
-          {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "startDrag",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
-        "sig" : "(X, Y)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "X",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "Y",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "toString",
+        "name" : "syncSize",
         "type" : "function",
-        "desc" : "toString method",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "string",
-            "desc" : "string representation of the dd obj"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "un",
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "updateBox",
         "type" : "function",
-        "desc" : "Unlock this instace",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "unreg",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Remove all drag and drop hooks for this element",
+        "desc" : "Validates the field value",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.dd.DropTarget" : {
+  "Roo.form.DateField" : {
     "props" : [
       {
-        "name" : "ddGroup",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "The drag drop group to handle drop events for",
-        "memberOf" : ""
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dropAllowed",
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "altFormats",
         "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-        "memberOf" : ""
+        "desc" : "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dropNotAllowed",
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
         "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-        "memberOf" : ""
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDates",
+        "type" : "Array",
+        "desc" : "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDatesText",
+        "type" : "String",
+        "desc" : "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDays",
+        "type" : "Array",
+        "desc" : "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDaysText",
+        "type" : "String",
+        "desc" : "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "format",
+        "type" : "String",
+        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "overClass",
+        "name" : "maskRe",
         "type" : "String",
-        "desc" : "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
-        "memberOf" : ""
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "success",
-        "type" : "boolean",
-        "desc" : "set this after drop listener..",
-        "memberOf" : ""
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "valid",
-        "type" : "boolean|String",
-        "desc" : "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "drop",
-        "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success",
-        "sig" : "function (source, e, data)\n{\n\n}",
+        "name" : "maxText",
+        "type" : "String",
+        "desc" : "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
         "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enter",
-        "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set  this.valid to true|false",
-        "sig" : "function (source, e, data)\n{\n\n}",
+        "name" : "maxValue",
+        "type" : "Date/String",
+        "desc" : "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
         "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "out",
-        "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element.",
-        "sig" : "function (source, e, data)\n{\n\n}",
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minText",
+        "type" : "String",
+        "desc" : "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minValue",
+        "type" : "Date/String",
+        "desc" : "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "useIso",
+        "type" : "Boolean",
+        "desc" : "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "zeroValue",
+        "type" : "Date/String",
+        "desc" : "if the date is less that this number, then the field is rendered as empty\ndefault is 1800",
         "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "over",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set  this.valid to true|false",
-        "sig" : "function (source, e, data)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleClass",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
-        "sig" : "(cssClass)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the elements you wish to ignore",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleId",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the element id of the element you wish to ignore",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleType",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
-        "sig" : "(tagName)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to exclude",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "addToGroup",
-        "type" : "function",
-        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
-        "sig" : "(sGroup)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "sGroup",
-            "type" : "",
-            "desc" : "{string} the name of the group",
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyConfig",
+        "name" : "destroy",
         "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,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearConstraints",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "clearTicks",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Clears any tick interval defined for this instance",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "endDrag",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fired when we are done dragging the object",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getDragEl",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Returns a reference to the linked element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "init",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
-        "sig" : "(id, sGroup, config)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "initTarget",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
-        "sig" : "(id, sGroup, config)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a date is selected",
+        "sig" : "function (combo, date)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
-            "isOptional" : false
-          },
-          {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
+            "name" : "combo",
+            "type" : "Roo.form.DateField",
+            "desc" : "This combo box",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The date selected",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "isLocked",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "isTarget",
-        "type" : "function",
-        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
-        "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" : "isValidHandleChild",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
-        "sig" : "(node)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "the HTMLElement to evaluate",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this is a valid tag type, false if not"
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "lock",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "Lock this instance",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "notifyDrop",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "notifyEnter",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "notifyOut",
+        "name" : "applyTo",
         "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "notifyOver",
+        "name" : "autoSize",
         "type" : "function",
         "desc" : "",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.TriggerField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onAvailable",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "onDrag",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
-        "sig" : "(e)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onDragDrop",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
-        "sig" : "(e, id)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onDragEnter",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onDragOut",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Abstract method called when we are no longer hovering over an element",
-        "sig" : "(e, id)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "onDragOver",
-        "type" : "function",
-        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
-        "sig" : "(e, id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onInvalidDrop",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
-        "sig" : "(e)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "onMouseDown",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
-        "sig" : "(e)",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousedown event",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseUp",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
-        "sig" : "(e)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "padding",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Returns the name attribute of the field if available",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
+          }
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
       },
       {
-        "name" : "removeFromGroup",
+        "name" : "getRawValue",
         "type" : "function",
-        "desc" : "Remove's this instance from the supplied interaction group",
-        "sig" : "(sGroup)",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "sGroup",
-            "type" : "string",
-            "desc" : "The group to drop",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleClass",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "Unsets an invalid css class",
-        "sig" : "(cssClass)",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the element(s) you wish to\nre-enable",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleId",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Unsets an invalid handle id",
-        "sig" : "(id)",
+        "desc" : "Returns the current date value of the date field.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the id of the element to re-enable",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Date",
+            "desc" : "The date value"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleType",
+        "name" : "hasChanged",
         "type" : "function",
-        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
-        "sig" : "(tagName)",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to unexclude",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "resetConstraints",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
-        "sig" : "(maintainOffset)",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "maintainOffset",
-            "type" : "boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setDragElId",
+        "name" : "isDirty",
         "type" : "function",
-        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
-        "sig" : "(id)",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to initiate the drag",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setHandleElId",
+        "name" : "isValid",
         "type" : "function",
-        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
-        "sig" : "(id)",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       },
       {
-        "name" : "setInitPosition",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Stores the initial placement of the linked element.",
-        "sig" : "(diffX, diffY)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "diffX",
-            "type" : "int",
-            "desc" : "the X offset, default 0",
-            "isOptional" : false
-          },
-          {
-            "name" : "diffY",
-            "type" : "int",
-            "desc" : "the Y offset, default 0",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setOuterHandleElId",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
-        "sig" : "(id)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the element that will be used to initiate the drag",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPadding",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
-        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iTop",
-            "type" : "int",
-            "desc" : "Top pad",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "Right pad",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "iBot",
-            "type" : "int",
-            "desc" : "Bot pad",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "Left pad",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setXConstraint",
+        "name" : "onPosition",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
-        "sig" : "(iLeft, iRight, iTickSize)",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the\nright",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setYConstraint",
+        "name" : "onResize",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
-        "sig" : "(iUp, iDown, iTickSize)",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iUp",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move up",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
             "isOptional" : false
           },
           {
-            "name" : "iDown",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move down",
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
             "isOptional" : false
           },
           {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "startDrag",
+        "name" : "onTriggerClick",
         "type" : "function",
-        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
-        "sig" : "(X, Y)",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.TriggerField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "X",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
-          },
-          {
-            "name" : "Y",
-            "type" : "int",
-            "desc" : "click location",
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "toString",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "toString method",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "string",
-            "desc" : "string representation of the dd obj"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
+        "desc" : "Removes a listener",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Unlock this instace",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "unreg",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Remove all drag and drop hooks for this element",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.dd.DropZone"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.dd.DropZone" : {
-    "props" : [
-      {
-        "name" : "ddGroup",
-        "type" : "String",
-        "desc" : "The drag drop group to handle drop events for",
-        "memberOf" : "Roo.dd.DropTarget"
-      },
-      {
-        "name" : "dropAllowed",
-        "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is allowed (defaults to \"x-dd-drop-ok\").",
-        "memberOf" : "Roo.dd.DropTarget"
-      },
-      {
-        "name" : "dropNotAllowed",
-        "type" : "String",
-        "desc" : "The CSS class returned to the drag source when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-        "memberOf" : "Roo.dd.DropTarget"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "overClass",
-        "type" : "String",
-        "desc" : "The CSS class applied to the drop target element while the drag source is over it (defaults to \"\").",
-        "memberOf" : "Roo.dd.DropTarget"
-      },
-      {
-        "name" : "success",
-        "type" : "boolean",
-        "desc" : "set this after drop listener..",
-        "memberOf" : "Roo.dd.DropTarget"
       },
       {
-        "name" : "valid",
-        "type" : "boolean|String",
-        "desc" : "true/false or string (ok-add/ok-sub/ok/nodrop)\nif the drop point is valid for over/enter..",
-        "memberOf" : "Roo.dd.DropTarget"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "drop",
+        "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the dragged item has\nbeen dropped on it.  This method has no default implementation and returns false, so you must provide an\nimplementation that does something to process the drop event and returns true so that the drag source's\nrepair action does not run.\n\nIMPORTANT : it should set this.success",
-        "sig" : "function (source, e, data)\n{\n\n}",
-        "memberOf" : "Roo.dd.DropTarget",
+        "desc" : "stores the current value in loadedValue",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "enter",
+        "name" : "selectText",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source is now over the\ntarget.  This default implementation adds the CSS class specified by overClass (if any) to the drop element\nand returns the dropAllowed config value.  This method should be overridden if drop validation is required.\n\nIMPORTANT : it should set  this.valid to true|false",
-        "sig" : "function (source, e, data)\n{\n\n}",
-        "memberOf" : "Roo.dd.DropTarget",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "out",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop target that the source has been dragged\nout of the target without dropping.  This default implementation simply removes the CSS class specified by\noverClass (if any) from the drop element.",
-        "sig" : "function (source, e, data)\n{\n\n}",
-        "memberOf" : "Roo.dd.DropTarget",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "over",
+        "name" : "setPagePosition",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the target.\nThis method will be called on every mouse movement while the drag source is over the drop target.\nThis default implementation simply returns the dropAllowed config value.\n\nIMPORTANT : it should set  this.valid to true|false",
-        "sig" : "function (source, e, data)\n{\n\n}",
-        "memberOf" : "Roo.dd.DropTarget",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "setPosition",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleClass",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
-        "sig" : "(cssClass)",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the elements you wish to ignore",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleId",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
-        "sig" : "(id)",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the element id of the element you wish to ignore",
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addInvalidHandleType",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
-        "sig" : "(tagName)",
+        "desc" : "Sets the value of the date field.  You can pass a date object or any string that can be parsed into a valid\ndate, using DateField.format as the date format, according to the same rules as {@link Date#parseDate}\n(the default format used is \"m/d/y\").\n<br />Usage:\n<pre><code>\n//All of these calls set the same date value (May 4, 2006)\n\n//Pass a date object:\nvar dt = new Date('5/4/06');\ndateField.setValue(dt);\n\n//Pass a date string (default format):\ndateField.setValue('5/4/06');\n\n//Pass a date string (custom format):\ndateField.format = 'Y-m-d';\ndateField.setValue('2006-5-4');\n</code></pre>",
+        "sig" : "(date)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to exclude",
+            "name" : "date",
+            "type" : "String/Date",
+            "desc" : "The date or valid date string",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addToGroup",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
-        "sig" : "(sGroup)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "sGroup",
-            "type" : "",
-            "desc" : "{string} the name of the group",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "applyConfig",
+        "name" : "syncSize",
         "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.",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "fn",
+            "name" : "handler",
             "type" : "Function",
-            "desc" : "The function to call",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearConstraints",
+        "name" : "updateBox",
         "type" : "function",
-        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "clearTicks",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Clears any tick interval defined for this instance",
+        "desc" : "Validates the field value",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       },
       {
-        "name" : "endDrag",
+        "name" : "validateValue",
         "type" : "function",
-        "desc" : "Fired when we are done dragging the object",
-        "sig" : "(e)",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.DayPicker" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getDragEl",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Returns a reference to the linked element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getTargetFromEvent",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Returns a custom data object associated with the DOM node that is the target of the event.  By default\nthis looks up the event target in the {@link Roo.dd.Registry}, although you can override this method to\nprovide your own custom lookup.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "data The custom data"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "init",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
-        "sig" : "(id, sGroup, config)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "initTarget",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
-        "sig" : "(id, sGroup, config)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
-            "isOptional" : false
-          },
-          {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
-            "isOptional" : false
-          },
-          {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "isLocked",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isTarget",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "isValidHandleChild",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
-        "sig" : "(node)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "the HTMLElement to evaluate",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this is a valid tag type, false if not"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "lock",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Lock this instance",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "notifyDrop",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the dragged item has\nbeen dropped on it.  The drag zone will look up the target node based on the event passed in, and if there\nis a node registered for that event, it will delegate to {@link #onNodeDrop} for node-specific handling,\notherwise it will call {@link #onContainerDrop}.",
-        "sig" : "(source, e, data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the drop was valid, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "notifyEnter",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source is now over\nthe zone.  The default implementation returns this.dropNotAllowed and expects that only registered drop\nnodes can process drag drop operations, so if you need the drop zone itself to be able to process drops\nyou should override this method and provide a custom implementation.",
-        "sig" : "(source, e, data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "notifyOut",
+        "name" : "move",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls once to notify this drop zone that the source has been dragged\nout of the zone without dropping.  If the drag source is currently over a registered node, the notification\nwill be delegated to {@link #onNodeOut} for node-specific handling, otherwise it will be ignored.",
-        "sig" : "(source, e, data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop target",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag zone",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "notifyOver",
+        "name" : "render",
         "type" : "function",
-        "desc" : "The function a {@link Roo.dd.DragSource} calls continuously while it is being dragged over the drop zone.\nThis method will be called on every mouse movement while the drag source is over the drop zone.\nIt will call {@link #onNodeOver} while the drag source is over a registered node, and will also automatically\ndelegate to the appropriate node-specific methods as necessary when the drag source enters and exits\nregistered nodes ({@link #onNodeEnter}, {@link #onNodeOut}). If the drag source is not currently over a\nregistered node, it will call {@link #onContainerOver}.",
-        "sig" : "(source, e, data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onAvailable",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "onContainerDrop",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped on it,\nbut not on any of its registered drop nodes.  The default implementation returns false, so it should be\noverridden to provide the appropriate processing of the drop event if you need the drop zone itself to\nbe able to accept drops.  It should return true when valid so that the drag source's repair action does not run.",
-        "sig" : "(source, e, data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the drop was valid, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "onContainerOver",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is being dragged over it,\nbut not over any of its registered drop nodes.  The default implementation returns this.dropNotAllowed, so\nit should be overridden to provide the proper feedback if necessary.",
-        "sig" : "(source, e, data)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "onDrag",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
-        "sig" : "(e)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragDrop",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
-        "sig" : "(e, id)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragEnter",
+        "name" : "applyTo",
         "type" : "function",
-        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "onDragOut",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Abstract method called when we are no longer hovering over an element",
-        "sig" : "(e, id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragOver",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
-        "sig" : "(e, id)",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onInvalidDrop",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
-        "sig" : "(e)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onMouseDown",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
-        "sig" : "(e)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousedown event",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onMouseUp",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
-        "sig" : "(e)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onNodeDrop",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dropped onto\nthe drop node.  The default implementation returns false, so it should be overridden to provide the\nappropriate processing of the drop event and return true so that the drag source's repair action does not run.",
-        "sig" : "(nodeData, source, e, data)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeData",
-            "type" : "Object",
-            "desc" : "The custom data associated with the drop node (this is the same value returned from\n{@link #getTargetFromEvent} for this node)",
-            "isOptional" : false
-          },
-          {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the drop was valid, else false"
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "onNodeEnter",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has entered a drop node\nthat it has registered.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary.",
-        "sig" : "(nodeData, source, e, data)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeData",
-            "type" : "Object",
-            "desc" : "The custom data associated with the drop node (this is the same value returned from \n{@link #getTargetFromEvent} for this node)",
-            "isOptional" : false
-          },
-          {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "onNodeOut",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Called internally when the DropZone determines that a {@link Roo.dd.DragSource} has been dragged out of\nthe drop node without dropping.  This method has no default implementation and should be overridden to provide\nnode-specific processing if necessary.",
-        "sig" : "(nodeData, source, e, data)",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "nodeData",
-            "type" : "Object",
-            "desc" : "The custom data associated with the drop node (this is the same value returned from\n{@link #getTargetFromEvent} for this node)",
-            "isOptional" : false
-          },
-          {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onNodeOver",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Called internally while the DropZone determines that a {@link Roo.dd.DragSource} is over a drop node\nthat it has registered.  The default implementation returns this.dropNotAllowed, so it should be\noverridden to provide the proper feedback.",
-        "sig" : "(nodeData, source, e, data)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "nodeData",
-            "type" : "Object",
-            "desc" : "The custom data associated with the drop node (this is the same value returned from\n{@link #getTargetFromEvent} for this node)",
-            "isOptional" : false
-          },
-          {
-            "name" : "source",
-            "type" : "Roo.dd.DragSource",
-            "desc" : "The drag source that was dragged over this drop zone",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
-            "isOptional" : false
-          },
-          {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "An object containing arbitrary data supplied by the drag source",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "status The CSS class that communicates the drop status back to the source so that the\nunderlying {@link Roo.dd.StatusProxy} can be updated"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "padding",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Returns the name attribute of the field if available",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
+          }
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
       },
       {
-        "name" : "removeFromGroup",
+        "name" : "getRawValue",
         "type" : "function",
-        "desc" : "Remove's this instance from the supplied interaction group",
-        "sig" : "(sGroup)",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "sGroup",
-            "type" : "string",
-            "desc" : "The group to drop",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleClass",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "Unsets an invalid css class",
-        "sig" : "(cssClass)",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the element(s) you wish to\nre-enable",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleId",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Unsets an invalid handle id",
-        "sig" : "(id)",
+        "desc" : "Returns the checked state of the checkbox.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the id of the element to re-enable",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if checked, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleType",
+        "name" : "hasChanged",
         "type" : "function",
-        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
-        "sig" : "(tagName)",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to unexclude",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "resetConstraints",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
-        "sig" : "(maintainOffset)",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "maintainOffset",
-            "type" : "boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setDragElId",
+        "name" : "isDirty",
         "type" : "function",
-        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
-        "sig" : "(id)",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to initiate the drag",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setHandleElId",
+        "name" : "isValid",
         "type" : "function",
-        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
-        "sig" : "(id)",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       },
       {
-        "name" : "setInitPosition",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Stores the initial placement of the linked element.",
-        "sig" : "(diffX, diffY)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "diffX",
-            "type" : "int",
-            "desc" : "the X offset, default 0",
-            "isOptional" : false
-          },
-          {
-            "name" : "diffY",
-            "type" : "int",
-            "desc" : "the Y offset, default 0",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setOuterHandleElId",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
-        "sig" : "(id)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the element that will be used to initiate the drag",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPadding",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
-        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iTop",
-            "type" : "int",
-            "desc" : "Top pad",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "Right pad",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "iBot",
-            "type" : "int",
-            "desc" : "Bot pad",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "Left pad",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setXConstraint",
+        "name" : "onPosition",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
-        "sig" : "(iLeft, iRight, iTickSize)",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the\nright",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setYConstraint",
+        "name" : "onResize",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
-        "sig" : "(iUp, iDown, iTickSize)",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iUp",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move up",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
             "isOptional" : false
           },
           {
-            "name" : "iDown",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move down",
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
             "isOptional" : false
           },
           {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "startDrag",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
-        "sig" : "(X, Y)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "X",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
-          },
-          {
-            "name" : "Y",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "toString",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "toString method",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "string",
-            "desc" : "string representation of the dd obj"
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
+        "desc" : "Removes a listener",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Unlock this instace",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "unreg",
+        "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "Remove all drag and drop hooks for this element",
+        "desc" : "stores the current value in loadedValue",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.dd.Registry" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "getHandle",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Returns the handle registered for a DOM Node by id",
-        "sig" : "(id)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String|HTMLElement",
-            "desc" : "The DOM node or id to look up",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "handle The custom handle data"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getHandleFromEvent",
+        "name" : "setPagePosition",
         "type" : "function",
-        "desc" : "Returns the handle that is registered for the DOM node that is the target of the event",
-        "sig" : "(e)",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "handle The custom handle data"
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getTarget",
+        "name" : "setPosition",
         "type" : "function",
-        "desc" : "Returns a custom data object that is registered for a DOM node by id",
-        "sig" : "(id)",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String|HTMLElement",
-            "desc" : "The DOM node or id to look up",
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "data The custom data"
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getTargetFromEvent",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Returns a custom data object that is registered for the DOM node that is the target of the event",
-        "sig" : "(e)",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "The event",
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "data The custom data"
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "register",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Register a drag drop element",
-        "sig" : "(element, data)",
+        "desc" : "Sets the checked state of the checkbox.\nOn is always based on a string comparison between inputValue and the param.",
+        "sig" : "(value, suppressEvent)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String|HTMLElement",
-            "desc" : "The id or DOM node to register",
+            "name" : "value",
+            "type" : "Boolean/String",
+            "desc" : "- the value to set",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "(optional) A custom data object that will be passed between the elements that are involved\nin drag drop operations.  You can populate this object with any arbitrary properties that your own code\nknows how to interpret, plus there are some specific properties known to the Registry that should be\npopulated in the data object (if applicable):\n<pre>\nValue      Description<br />\n---------  ------------------------------------------<br />\nhandles    Array of DOM nodes that trigger dragging<br />\n           for the element being registered<br />\nisHandle   True if the element passed in triggers<br />\n           dragging itself, else false\n</pre>",
+            "name" : "suppressEvent",
+            "type" : "Boolean/String",
+            "desc" : "- whether to suppress the checkchange event.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unregister",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Unregister a drag drop element",
-        "sig" : "(element)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String|HTMLElement",
-            "desc" : "The id or DOM node to unregister",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.dd.ScrollManager" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
       {
-        "name" : "refreshCache",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Manually trigger a cache refresh.",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "register",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Registers new overflow element(s) to auto scroll",
-        "sig" : "(el)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Array",
-            "desc" : "The id of or the element to be scrolled or an array of either",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unregister",
+        "name" : "updateBox",
         "type" : "function",
-        "desc" : "Unregisters overflow element(s) so they are no longer scrolled",
-        "sig" : "(el)",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element/Array",
-            "desc" : "The id of or the element to be removed or an array of either",
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
             "isOptional" : false
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.dd.StatusProxy" : {
+  "Roo.form.DisplayField" : {
     "props" : [
       {
-        "name" : "dropAllowed",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "The CSS class to apply to the status element when drop is allowed (defaults to \"x-dd-drop-ok\").",
-        "memberOf" : ""
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dropNotAllowed",
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closable",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "cls",
         "type" : "String",
-        "desc" : "The CSS class to apply to the status element when drop is not allowed (defaults to \"x-dd-drop-nodrop\").",
-        "memberOf" : ""
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueRenderer",
+        "type" : "Function",
+        "desc" : "The renderer for the field (so you can reformat output). should return raw HTML",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
-    "events" : [],
-    "methods" : [
+    "events" : [
       {
-        "name" : "getEl",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Returns the underlying proxy {@link Roo.Layer}",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Layer",
-            "desc" : "el"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getGhost",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Returns the ghost element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "el"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Hides the proxy",
-        "sig" : "(clear)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "clear",
-            "type" : "Boolean",
-            "desc" : "True to reset the status and clear the ghost contents, false to preserve them",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "repair",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Causes the proxy to return to its position of origin via an animation.  Should be called after an\ninvalid drop operation by the item being dragged.",
-        "sig" : "(xy, callback, scope)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "xy",
-            "type" : "Array",
-            "desc" : "The XY position of the element ([x, y])",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "callback",
-            "type" : "Function",
-            "desc" : "The function to call after the repair is complete",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "The scope in which to execute the callback",
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "reset",
+        "name" : "close",
         "type" : "function",
-        "desc" : "Resets the status indicator to the default dropNotAllowed value",
-        "sig" : "(clearGhost)",
-        "static" : false,
+        "desc" : "Fires after the click the close btn",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "clearGhost",
-            "type" : "Boolean",
-            "desc" : "True to also remove all content from the ghost, false to preserve it",
+            "name" : "this",
+            "type" : "Roo.form.DisplayField",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setStatus",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Updates the proxy's visual element to indicate the status of whether or not drop is allowed\nover the current target element.",
-        "sig" : "(cssClass)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "String",
-            "desc" : "The css class for the new drop status indicator image",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Displays this proxy",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "stop",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Stops the repair animation if it's currently running",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "sync",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Force the Layer to sync its shadow and shim positions to the element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "update",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Updates the contents of the ghost element",
-        "sig" : "(html)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "The html that will replace the current innerHTML of the ghost element",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.Action" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.BasicForm" : {
-    "props" : [
-      {
-        "name" : "baseParams",
-        "type" : "Object",
-        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "errorMask",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
-      },
-      {
-        "name" : "errorReader",
-        "type" : "DataReader",
-        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fileUpload",
-        "type" : "Boolean",
-        "desc" : "Set to true if this form is a file upload.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskOffset",
-        "type" : "Number",
-        "desc" : "Default 100",
-        "memberOf" : ""
-      },
-      {
-        "name" : "method",
-        "type" : "String",
-        "desc" : "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "reader",
-        "type" : "DataReader",
-        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "timeout",
-        "type" : "Number",
-        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
-        "memberOf" : ""
       },
       {
-        "name" : "trackResetOnLoad",
-        "type" : "Boolean",
-        "desc" : "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
-        "memberOf" : ""
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "actioncomplete",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "Fires when an action is completed.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action that completed",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "actionfailed",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Fires when an action fails.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action that failed",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeaction",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires before any action is performed. Return false to cancel the action.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action to be performed",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "add",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Add Roo.form components to this form.",
-        "sig" : "(field1, field2, etc)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "field1",
-            "type" : "Field",
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "field2",
-            "type" : "Field",
-            "desc" : "(optional)",
-            "isOptional" : false
-          },
-          {
-            "name" : "etc",
-            "type" : "Field",
-            "desc" : "(optional)",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "addForm",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Add a secondary form to this one, \nUsed to provide tabbed forms. One form is primary, with hidden values \nwhich mirror the elements from the other forms.",
-        "sig" : "(form)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "form",
-            "type" : "Roo.form.Form",
-            "desc" : "to add.",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyIfToFields",
-        "type" : "function",
-        "desc" : "Calls {@link Ext#applyIf} for all field in this form with the passed object.",
-        "sig" : "(values)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "applyToFields",
+        "name" : "applyTo",
         "type" : "function",
-        "desc" : "Calls {@link Ext#apply} for all fields in this form with the passed object.",
-        "sig" : "(values)",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Roo.form.Field",
             "desc" : "this"
           }
         ]
       {
         "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Clears all invalid messages in this form.",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "doAction",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
-        "sig" : "(actionName, options)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "actionName",
-            "type" : "String",
-            "desc" : "The name of the action type",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) The options to pass to the action.  All of the config options listed\nbelow are supported by both the submit and load actions unless otherwise noted (custom actions could also\naccept other config options):\n<pre>\nProperty          Type             Description\n----------------  ---------------  ----------------------------------------------------------------------------------\nurl               String           The url for the action (defaults to the form's url)\nmethod            String           The form method to use (defaults to the form's method, or POST if not defined)\nparams            String/Object    The params to pass (defaults to the form's baseParams, or none if not defined)\nclientValidation  Boolean          Applies to submit only.  Pass true to call form.isValid() prior to posting to\n                                   validate the form on the client (defaults to false)\n</pre>",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "findField",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
-        "sig" : "(id)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The value to search for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Field"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
         ]
       },
       {
-        "name" : "getFieldValues",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs. \nThis differs from getValues as it calls getValue on each child item, rather than using dom data.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getValues",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
-        "sig" : "(asString)",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "asString",
+            "name" : "local",
             "type" : "Boolean",
-            "desc" : "",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
+        "returns" : []
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "hasChanged",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Returns true if any fields in this form have changed since their original load. (New version)",
+        "desc" : "Returns the name attribute of the field if available",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "type" : "String",
+            "desc" : "name The field name"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
           }
         ]
       },
       {
-        "name" : "invalidFields",
+        "name" : "getRawValue",
         "type" : "function",
-        "desc" : "Returns array of invalid form fields.",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Array"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
       {
-        "name" : "isDirty",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "DEPRICATED Returns true if any fields in this form have changed since their original load.",
+        "desc" : "Gets the current size of the component's underlying element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
           }
         ]
       },
       {
-        "name" : "isValid",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns true if client-side validation on the form is successful.",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
       {
-        "name" : "load",
+        "name" : "hasChanged",
         "type" : "function",
-        "desc" : "Shortcut to do a load action.",
-        "sig" : "(options)",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "loadRecord",
+        "name" : "isDirty",
         "type" : "function",
-        "desc" : "Loads an Roo.data.Record into this form.",
-        "sig" : "(record)",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isValid",
+        "type" : "function",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "record",
-            "type" : "Record",
-            "desc" : "The record to load",
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
         ]
       },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Mark fields in this form invalid in bulk.",
-        "sig" : "(errors)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "errors",
-            "type" : "Array/Object",
-            "desc" : "Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "onPosition",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "onResize",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Removes a field from the items collection (does NOT remove its markup).",
-        "sig" : "(field)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "Field",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "removeListener",
       {
         "name" : "render",
         "type" : "function",
-        "desc" : "Looks at the fields in this form, checks them for an id attribute,\nand calls applyTo on the existing dom element with that id.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets this form.",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "Resets all hasChanged to 'false' -\nThe old 'isDirty' used 'original value..' however this breaks reset() and a few other things.\nSo hasChanged storage is only to be used for this purpose",
+        "desc" : "stores the current value in loadedValue",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setValues",
+        "name" : "setPagePosition",
         "type" : "function",
-        "desc" : "Set values for fields in this form in bulk.",
-        "sig" : "(values)",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "values",
-            "type" : "Array/Object",
-            "desc" : "Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPosition",
+        "type" : "function",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Roo.BoxComponent",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "submit",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Shortcut to do a submit action.",
-        "sig" : "(options)",
+        "desc" : "Sets the checked state of the checkbox.",
+        "sig" : "(checked)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
+            "name" : "checked",
+            "type" : "Boolean/String",
+            "desc" : "True, 'true', '1', or 'on' to check the checkbox, any other value will uncheck it.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "un",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "updateRecord",
+        "name" : "updateBox",
         "type" : "function",
-        "desc" : "Persists the values in this form into the passed Roo.data.Record object in a beginEdit/endEdit block.",
-        "sig" : "(record)",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "record",
-            "type" : "Record",
-            "desc" : "The record to edit",
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
             "isOptional" : false
           }
         ],
+        "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
         ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.form.Form"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.Checkbox" : {
+  "Roo.form.FCKeditor" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
-        "memberOf" : ""
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"textarea\", style: \"width:300px;height:60px;\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "boxLabel",
+        "name" : "blankText",
         "type" : "String",
-        "desc" : "The text that appears beside the checkbox",
-        "memberOf" : ""
-      },
-      {
-        "name" : "checked",
-        "type" : "Boolean",
-        "desc" : "True if the the checkbox should render already checked (defaults to false)",
-        "memberOf" : ""
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fck",
+        "type" : "Object",
+        "desc" : "BasePath",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
-        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
-        "memberOf" : ""
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
-        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "True if this field should automatically grow and shrink to its content",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "The maximum height to allow when grow = true (defaults to 1000)",
+        "memberOf" : "Roo.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "The minimum height to allow when grow = true (defaults to 60)",
+        "memberOf" : "Roo.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "inputValue",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value attribute",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventScrollbars",
+        "type" : "Boolean",
+        "desc" : "True to prevent scrollbars from appearing regardless of how much text is\nin the field (equivalent to setting overflow: hidden, defaults to false)",
+        "memberOf" : "Roo.form.TextArea",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "valueOff",
+        "name" : "vtype",
         "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when unchecked.",
-        "memberOf" : ""
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "check",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when the checkbox is checked or unchecked.",
-        "sig" : "function (_self, checked)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Checkbox",
-            "desc" : "This checkbox",
-            "isOptional" : false
-          },
-          {
-            "name" : "checked",
-            "type" : "Boolean",
-            "desc" : "The new checked value",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "editorinit",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fired when the editor is initialized - you can add extra handlers here..",
+        "sig" : "function (_self, the)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "FCKeditor",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "the",
+            "type" : "Object",
+            "desc" : "FCK object.",
+            "isOptional" : false
           }
         ],
         "returns" : []
           }
         ]
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "Automatically grows the field to accomodate the height of the text up to the maximum field height allowed.\nThis only takes effect if grow = true, and fires the autosize event if the height changes.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TextArea",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
         "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the checked state of the checkbox.",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if checked, else false"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
         "type" : "function",
         "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onPosition",
-        "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onResize",
-        "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
-        "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPagePosition",
-        "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPosition",
-        "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setSize",
-        "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets the checked state of the checkbox.\nOn is always based on a string comparison between inputValue and the param.",
-        "sig" : "(value, suppressEvent)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean/String",
-            "desc" : "- the value to set",
-            "isOptional" : false
-          },
-          {
-            "name" : "suppressEvent",
-            "type" : "Boolean/String",
-            "desc" : "- whether to suppress the checkchange event.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.form.Radio"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.Column" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec used to autocreate the column (defaults to {tag: 'div', cls: 'x-form-ct x-form-column'})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "clear",
-        "type" : "Boolean",
-        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideLabels",
-        "type" : "Boolean",
-        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "labelSeparator",
-        "type" : "String",
-        "desc" : "The separator to use after field labels (defaults to ':')",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "style",
-        "type" : "String/Object/Function",
-        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "width",
-        "type" : "Number/String",
-        "desc" : "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
         "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addxtype",
+        "name" : "onPosition",
         "type" : "function",
-        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
-        "sig" : "(config)",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.form.Layout",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "onResize",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "stores the current value in loadedValue",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "selectText",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "setPagePosition",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "setPosition",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
           }
         ]
       },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "updateBox",
+        "type" : "function",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.ComboBox" : {
+  "Roo.form.Field" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allQuery",
-        "type" : "String",
-        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "alwaysQuery",
-        "type" : "Boolean",
-        "desc" : "Disable caching of results, and always send query",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "blockFocus",
-        "type" : "Boolean",
-        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : ""
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClear",
-        "type" : "Boolean",
-        "desc" : "Disable showing of clear button.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "displayField",
-        "type" : "String",
-        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "editable",
-        "type" : "Boolean",
-        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
         "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "forceSelection",
-        "type" : "Boolean",
-        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : ""
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.form.TriggerField"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "lazyRender",
-        "type" : "Boolean",
-        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listAlign",
-        "type" : "String",
-        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listClass",
+        "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listWidth",
-        "type" : "Number",
-        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : ""
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadingText",
-        "type" : "String",
-        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minChars",
-        "type" : "Number",
-        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minListWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mode",
-        "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "queryDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "queryParam",
-        "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "resizable",
-        "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectedClass",
+        "name" : "style",
         "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : ""
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : ""
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output",
-        "memberOf" : ""
-      },
-      {
-        "name" : "transform",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
-        "memberOf" : ""
-      },
-      {
-        "name" : "triggerAction",
-        "type" : "String",
-        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "typeAhead",
-        "type" : "Boolean",
-        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "typeAheadDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "valueField",
-        "type" : "String",
-        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "valueNotFoundText",
-        "type" : "String",
-        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "autosize",
-        "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforequery",
-        "type" : "function",
-        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
-        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "query",
-            "type" : "String",
-            "desc" : "The query",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "true to force \"all\" query",
-            "isOptional" : false
-          },
-          {
-            "name" : "cancel",
-            "type" : "Boolean",
-            "desc" : "true to cancel the query",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The query event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "type" : "function",
         "desc" : "Fires when this field loses input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires just before the field blurs if the field value has changed.",
         "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is collapsed",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "edit",
-        "type" : "function",
-        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record|false",
-            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is expanded",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "focus",
         "type" : "function",
         "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires after the field has been marked as invalid.",
         "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires after the key up",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         ],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when a list item is selected",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store (or false on clear)",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
         "type" : "function",
         "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires after the field has been validated with no errors.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
         "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ]
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "clearValue",
-        "type" : "function",
-        "desc" : "Clears any text/value currently set in the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
           }
         ]
       },
-      {
-        "name" : "doQuery",
-        "type" : "function",
-        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
-        "sig" : "(query, forceAll)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "query",
-            "type" : "String",
-            "desc" : "The SQL query to execute",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         "desc" : "Returns the name attribute of the field if available",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "value The selected value"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
         "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isExpanded",
-        "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "desc" : "Returns whether or not the field value is currently valid",
         "sig" : "(preventMark)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "Mark this field as invalid",
         "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ],
         "returns" : []
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "desc" : "stores the current value in loadedValue",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(index, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The zero-based index of the list item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "selectByValue",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
-        "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The data value of the item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value matched an item in the list, else false"
-          }
-        ]
-      },
-      {
-        "name" : "selectText",
-        "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         ],
         "returns" : []
       },
-      {
-        "name" : "setEditable",
-        "type" : "function",
-        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean",
-            "desc" : "True to allow the user to directly edit the field text",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setFromData",
-        "type" : "function",
-        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Object",
-            "desc" : "the value to set as. or false on reset?",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setPagePosition",
         "type" : "function",
         "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
         "sig" : "(value)",
         "static" : false,
         "memberOf" : "",
         "params" : [
           {
             "name" : "value",
-            "type" : "String",
-            "desc" : "The value to match",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "desc" : "Validates the field value",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
             "desc" : "True if the value is valid, else false"
           }
         ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
       "Roo.form.ComboCheck",
-      "Roo.form.ComboNested"
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TriggerField"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.ComboBoxArray" : {
+  "Roo.form.FieldSet" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "A DomHelper element spec used to autocreate the fieldset (defaults to {tag: 'fieldset', cn: {tag:'legend'}})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "combo",
-        "type" : "Roo.form.ComboBox",
-        "desc" : "[required] The combo box that is wrapped",
-        "memberOf" : ""
+        "name" : "clear",
+        "type" : "Boolean",
+        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
+        "name" : "hideLabels",
         "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldClass",
+        "name" : "hideMode",
         "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "fieldLabel",
+        "name" : "labelAlign",
         "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "t)\nValid values are \"left,\" \"top\" and \"right\" (defaults to \"left",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "top",
+          "right"
+        ]
       },
       {
-        "name" : "focusClass",
+        "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "True if this field should automatically grow and shrink to its content",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "The separator to use after field labels (defaults to ':')",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
+        "name" : "labelWidth",
         "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "The hidden name of the field, often contains an comma seperated list of names",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "invalidText",
+        "name" : "legend",
         "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "The text to display as the legend for the FieldSet (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
+        "name" : "style",
+        "type" : "String/Object/Function",
+        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
       {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The name of the visable items on this form (eg. titles not ids)",
-        "memberOf" : ""
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "seperator",
-        "type" : "String",
-        "desc" : "The value seperator normally ','",
-        "memberOf" : ""
-      },
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "name" : "addxtype",
+        "type" : "function",
+        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
+        "sig" : "(config)",
+        "static" : false,
+        "memberOf" : "Roo.form.Layout",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "The width of the box that displays the selected element",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "autosize",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "beforedestroy",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "beforehide",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforeremove",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Fires before remove the value from the list",
-        "sig" : "function (_self, item)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "_self",
-            "type" : "Roo.form.ComboBoxArray",
-            "desc" : "This combo box array",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "item",
-            "type" : "Roo.form.ComboBoxArray.Item",
-            "desc" : "removed item",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforerender",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "beforeshow",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
+            "name" : "",
             "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "blur",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
+            "name" : "disabled",
+            "type" : "Boolean",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
         "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "invalid",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "keyup",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.form.Column",
+      "Roo.form.Row",
+      "Roo.form.Field",
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TriggerField",
+      "Roo.Button",
+      "Roo.SplitButton",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton",
+      "Roo.form.TextItem"
+    ],
+    "tree_parent" : []
+  },
+  "Roo.form.Form" : {
+    "props" : [
+      {
+        "name" : "baseParams",
+        "type" : "Object",
+        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "move",
+        "name" : "buttonAlign",
+        "type" : "String",
+        "desc" : "t)  Valid values are \"left,\" \"center\" and \"right\" (defaults to \"center",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "center",
+          "right"
+        ]
+      },
+      {
+        "name" : "buttons[]",
+        "type" : "Roo.Button",
+        "desc" : "buttons at bottom of form",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "errorMask",
+        "type" : "Boolean",
+        "desc" : "Should the form be masked (and the active element highlighted on error - default false",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "errorReader",
+        "type" : "DataReader",
+        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fileUpload",
+        "type" : "Boolean",
+        "desc" : "Set to true if this form is a file upload.",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "formData",
+        "type" : "boolean|FormData",
+        "desc" : "- true to use new 'FormData' post, or set to a new FormData({dom form}) Object, if\nsending a formdata with extra parameters - eg uploaded elements.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "itemCls",
+        "type" : "String",
+        "desc" : "A css class to apply to the x-form-item of fields. This property cascades to child containers.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t) Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\").\nThis property cascades to child containers if not se",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "top",
+          "right"
+        ]
+      },
+      {
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "The width of labels. This property cascades to child containers.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskOffset",
+        "type" : "Number",
+        "desc" : "space around form element to mask if there is an error Default 100",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "method",
+        "type" : "String",
+        "desc" : "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minButtonWidth",
+        "type" : "Number",
+        "desc" : "Minimum width of all buttons in pixels (defaults to 75)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monitorPoll",
+        "type" : "Number",
+        "desc" : "The milliseconds to poll valid state, ignored if monitorValid is not true (defaults to 200)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monitorValid",
+        "type" : "Boolean",
+        "desc" : "If true the form monitors its valid state <b>client-side</b> and\nfires a looping event with that state. This is required to bind buttons to the valid\nstate using the config value formBind:true on the button.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "progressUrl",
+        "type" : "String",
+        "desc" : "- Url to return progress data",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "reader",
+        "type" : "DataReader",
+        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "timeout",
+        "type" : "Number",
+        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "trackResetOnLoad",
+        "type" : "Boolean",
+        "desc" : "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
+        "memberOf" : "Roo.form.BasicForm",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "actioncomplete",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires when an action is completed.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : "Roo.form.BasicForm",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Form",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action that completed",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "actionfailed",
         "type" : "function",
-        "desc" : "Fires when remove the value from the list",
-        "sig" : "function (_self, item)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when an action fails.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : "Roo.form.BasicForm",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "_self",
-            "type" : "Roo.form.ComboBoxArray",
-            "desc" : "This combo box array",
+            "name" : "this",
+            "type" : "Form",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "item",
-            "type" : "Roo.form.ComboBoxArray.Item",
-            "desc" : "removed item",
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action that failed",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "beforeaction",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before any action is performed. Return false to cancel the action.",
+        "sig" : "function (_self, action)\n{\n\n}",
+        "memberOf" : "Roo.form.BasicForm",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Form",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "action",
+            "type" : "Action",
+            "desc" : "The action to be performed",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "clientvalidation",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "If the monitorValid config option is true, this event fires repetitively to notify of valid state",
+        "sig" : "function (_self, valid)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Form",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "valid",
+            "type" : "Boolean",
+            "desc" : "true if the form has passed client-side validation",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "rendered",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the form is rendered",
+        "sig" : "function (form)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "form",
+            "type" : "Roo.form.Form",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "specialkey",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Add Roo.form components to the current open container (e.g. column, fieldset, etc.).  Fields added via this method\ncan also be passed with an additional property of fieldLabel, which if supplied, will provide the text to display\nas the label of the field.",
+        "sig" : "(field1, field2)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
+            "name" : "field1",
+            "type" : "Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "field2",
+            "type" : "Field",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Form",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "valid",
+        "name" : "addButton",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Adds a button to the footer of the form - this <b>must</b> be called before the form is rendered.",
+        "sig" : "(config, handler, scope)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "config",
+            "type" : "String/Object",
+            "desc" : "A string becomes the button text, an object can either be a Button config\nobject or a valid Roo.DomHelper element config",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The function called when the button is clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope of the handler function",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Button",
+            "desc" : ""
+          }
+        ]
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "addForm",
+        "type" : "function",
+        "desc" : "Add a secondary form to this one, \nUsed to provide tabbed forms. One form is primary, with hidden values \nwhich mirror the elements from the other forms.",
+        "sig" : "(form)",
+        "static" : false,
+        "memberOf" : "Roo.form.BasicForm",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "form",
+            "type" : "Roo.form.Form",
+            "desc" : "to add.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "addListener",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "applyTo",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
+        "desc" : "Adds a series of form elements (using the xtype property as the factory method.\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column, (and 'end' to close a block)",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "applyIfToFields",
+        "type" : "function",
+        "desc" : "Calls {@link Ext#applyIf} for all field in this form with the passed object.",
+        "sig" : "(values)",
+        "static" : false,
+        "memberOf" : "Roo.form.BasicForm",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.form.Field",
+            "type" : "BasicForm",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "autoSize",
+        "name" : "applyToFields",
         "type" : "function",
-        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Calls {@link Ext#apply} for all fields in this form with the passed object.",
+        "sig" : "(values)",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "values",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "capture",
       {
         "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Clears all invalid messages in this form.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
+            "type" : "BasicForm",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "column",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Opens a new {@link Roo.form.Column} container in the layout stack. If fields are passed after the config, the\nfields are added and the column is closed. If no fields are passed the column remains open\nuntil end() is called.",
+        "sig" : "(config, field1, field2, etc)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The config to pass to the column",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "field1",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          },
+          {
+            "name" : "field2",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          },
+          {
+            "name" : "etc",
+            "type" : "Field",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "",
+            "desc" : "Column The column container object"
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "container",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Opens a new {@link Roo.form.Layout} container in the layout stack. If fields are passed after the config, the\nfields are added and the container is closed. If no fields are passed the container remains open\nuntil end() is called.",
+        "sig" : "(config, field1, field2, etc)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The config to pass to the Layout",
+            "isOptional" : false
+          },
+          {
+            "name" : "field1",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          },
+          {
+            "name" : "field2",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          },
+          {
+            "name" : "etc",
+            "type" : "Field",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "",
+            "desc" : "Layout The container object"
           }
         ]
       },
       {
-        "name" : "getBox",
+        "name" : "doAction",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
+        "sig" : "(actionName, options)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "actionName",
+            "type" : "String",
+            "desc" : "The name of the action type",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) The options to pass to the action.  All of the config options listed\nbelow are supported by both the submit and load actions unless otherwise noted (custom actions could also\naccept other config options):\n<pre>\nProperty          Type             Description\n----------------  ---------------  ----------------------------------------------------------------------------------\nurl               String           The url for the action (defaults to the form's url)\nmethod            String           The form method to use (defaults to the form's method, or POST if not defined)\nparams            String/Object    The params to pass (defaults to the form's baseParams, or none if not defined)\nclientValidation  Boolean          Applies to submit only.  Pass true to call form.isValid() prior to posting to\n                                   validate the form on the client (defaults to false)\n</pre>",
             "isOptional" : false
           }
-        ],
-        "returns" : []
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "end",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Closes the current open container",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Form",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "fieldset",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Opens a new {@link Roo.form.FieldSet} container in the layout stack. If fields are passed after the config, the\nfields are added and the fieldset is closed. If no fields are passed the fieldset remains open\nuntil end() is called.",
+        "sig" : "(config, field1, field2, etc)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The config to pass to the fieldset",
+            "isOptional" : false
+          },
+          {
+            "name" : "field1",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          },
+          {
+            "name" : "field2",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          },
+          {
+            "name" : "etc",
+            "type" : "Field",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "",
+            "desc" : "FieldSet The fieldset container object"
           }
         ]
       },
       {
-        "name" : "getName",
+        "name" : "findField",
         "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The value to search for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "name The field name"
+            "type" : "",
+            "desc" : "Field"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "findbyId",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Find any element that has been added to a form, using it's ID or name\nThis can include framesets, columns etc. along with regular fields..",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "- id or name to find.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
+            "type" : "Element",
+            "desc" : "e - or false if nothing found."
           }
         ]
       },
       {
-        "name" : "getRawValue",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getSize",
+        "name" : "getFieldValues",
         "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the fields in this form as an object with key/value pairs. \nThis differs from getValues as it calls getValue on each child item, rather than using dom data.\nNormally this will not return readOnly data",
+        "sig" : "(with_readonly)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "with_readonly",
+            "type" : "Boolean",
+            "desc" : "return readonly field data.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
             "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "getValues",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
+        "sig" : "(asString)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "asString",
+            "type" : "Boolean",
+            "desc" : "(def)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "Object",
+            "desc" : ""
           }
         ]
       },
       {
         "name" : "hasChanged",
         "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "desc" : "Returns true if any fields in this form have changed since their original load. (New version)",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
+          }
+        ]
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "hide",
+        "name" : "invalidFields",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns array of invalid form fields.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "",
+            "desc" : "Array"
           }
         ]
       },
       {
         "name" : "isDirty",
         "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "desc" : "DEPRICATED Returns true if any fields in this form have changed since their original load.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
+          }
+        ]
       },
       {
         "name" : "isValid",
         "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
+        "desc" : "Returns true if client-side validation on the form is successful.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.BasicForm",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
+          }
+        ]
+      },
+      {
+        "name" : "load",
+        "type" : "function",
+        "desc" : "Shortcut to do a load action.",
+        "sig" : "(options)",
+        "static" : false,
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "loadRecord",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads an Roo.data.Record into this form.",
+        "sig" : "(record)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "record",
+            "type" : "Record",
+            "desc" : "The record to load",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Mark fields in this form invalid in bulk.",
+        "sig" : "(errors)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "errors",
+            "type" : "Array/Object",
+            "desc" : "Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "onPosition",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onResize",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a field from the items collection (does NOT remove its markup).",
+        "sig" : "(field)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "field",
+            "type" : "Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "removeListener",
       {
         "name" : "render",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "desc" : "Render this form into the passed container. This should only be called once!",
         "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "container",
             "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "desc" : "The element this component should be rendered into",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Form",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "desc" : "Resets this form.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "stores the current value in loadedValue",
+        "desc" : "Resets all hasChanged to 'false' -\nThe old 'isDirty' used 'original value..' however this breaks reset() and a few other things.\nSo hasChanged storage is only to be used for this purpose",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "selectText",
-        "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "",
+            "desc" : "Boolean"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "setValues",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Set values for fields in this form in bulk.",
+        "sig" : "(values)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "values",
+            "type" : "Array/Object",
+            "desc" : "Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "setPagePosition",
-        "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
+            "name" : "",
+            "type" : "BasicForm",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setPosition",
+        "name" : "start",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
+        "desc" : "Opens the passed container in the layout stack. The container can be any {@link Roo.form.Layout} or subclass.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
+            "name" : "container",
+            "type" : "Object",
+            "desc" : "A Roo.form.Layout or subclass of Layout",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Form",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setSize",
+        "name" : "startMonitoring",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
+        "desc" : "Starts monitoring of the valid state of this form. Usually this is done by passing the config\noption \"monitorValid\"",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "stopMonitoring",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Stops monitoring of the valid state of this form",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "submit",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Shortcut to do a submit action.",
+        "sig" : "(options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
+            "type" : "BasicForm",
             "desc" : "this"
           }
         ]
       },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "un",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the combox array value",
-        "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 the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
+        "name" : "updateRecord",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "Persists the values in this form into the passed Roo.data.Record object in a beginEdit/endEdit block.",
+        "sig" : "(record)",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.form.BasicForm",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "record",
+            "type" : "Record",
+            "desc" : "The record to edit",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "type" : "BasicForm",
+            "desc" : "this"
           }
         ]
       }
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [],
+    "tree_children" : [
+      "Roo.form.Column",
+      "Roo.form.FieldSet",
+      "Roo.form.Row",
+      "Roo.form.Field",
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TriggerField",
+      "Roo.Button",
+      "Roo.SplitButton",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton",
+      "Roo.form.TextItem"
+    ],
     "tree_parent" : []
   },
-  "Roo.form.ComboBoxArray.Item" : {
+  "Roo.form.GridField" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "addTitle",
+        "type" : "String",
+        "desc" : "Text to include for adding a title.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "desc" : "- used to restrict height of grid..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "desc" : "- used to restrict width of grid..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xgrid",
+        "type" : "Object",
+        "desc" : "(xtype'd description of grid) { xtype : 'Grid', dataSource: .... }\n\n}",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "blur",
+        "type" : "function",
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "change",
+        "type" : "function",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "focus",
+        "type" : "function",
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "invalid",
+        "type" : "function",
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "keyup",
+        "type" : "function",
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "move",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "specialkey",
+        "type" : "function",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "valid",
+        "type" : "function",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "applyTo",
+        "type" : "function",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "clearInvalid",
+        "type" : "function",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getName",
+        "type" : "function",
+        "desc" : "Returns the name attribute of the field if available",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "name The field name"
+          }
+        ]
+      },
       {
         "name" : "getPosition",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getRawValue",
+        "type" : "function",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
       {
         "name" : "getSize",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getValue",
+        "type" : "function",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Mixed",
+            "desc" : "value The field value"
+          }
+        ]
+      },
+      {
+        "name" : "hasChanged",
+        "type" : "function",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "hasListener",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "isDirty",
+        "type" : "function",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isValid",
+        "type" : "function",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "markInvalid",
+        "type" : "function",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "resetHasChanged",
+        "type" : "function",
+        "desc" : "stores the current value in loadedValue",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setSize",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets the value of the item.",
+        "sig" : "(either)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "either",
+            "type" : "String",
+            "desc" : "an object  or a string..",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setVisible",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.ComboCheck" : {
+  "Roo.form.Hidden" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allQuery",
-        "type" : "String",
-        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowLeadingSpace",
         "type" : "Boolean",
         "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "alwaysQuery",
-        "type" : "Boolean",
-        "desc" : "Disable caching of results, and always send query",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.ComboBox"
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "blockFocus",
-        "type" : "Boolean",
-        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClear",
-        "type" : "Boolean",
-        "desc" : "Disable showing of clear button.",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "displayField",
-        "type" : "String",
-        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "editable",
-        "type" : "Boolean",
-        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "emptyText",
         "type" : "String",
         "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
         "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "forceSelection",
-        "type" : "Boolean",
-        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "grow",
         "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "True if this field should automatically grow and shrink to its content",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "growMax",
         "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "growMin",
         "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.form.TriggerField"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "lazyRender",
-        "type" : "Boolean",
-        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "listAlign",
-        "type" : "String",
-        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listClass",
+        "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "listWidth",
-        "type" : "Number",
-        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadingText",
-        "type" : "String",
-        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minChars",
-        "type" : "Number",
-        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minListWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "mode",
-        "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "queryDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "queryParam",
-        "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "resizable",
-        "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
-        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectedClass",
+        "name" : "style",
         "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "transform",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "triggerAction",
-        "type" : "String",
-        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "typeAhead",
-        "type" : "Boolean",
-        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "typeAheadDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "valueField",
-        "type" : "String",
-        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "valueNotFoundText",
-        "type" : "String",
-        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "autosize",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforequery",
-        "type" : "function",
-        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
-        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "query",
-            "type" : "String",
-            "desc" : "The query",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "true to force \"all\" query",
-            "isOptional" : false
-          },
-          {
-            "name" : "cancel",
-            "type" : "Boolean",
-            "desc" : "true to cancel the query",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The query event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforerender",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is collapsed",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "edit",
-        "type" : "function",
-        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record|false",
-            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Fires when the dropdown list is expanded",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "focus",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when a list item is selected",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store (or false on clear)",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
       {
         "name" : "autoSize",
         "type" : "function",
-        "desc" : "",
+        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "clearValue",
-        "type" : "function",
-        "desc" : "Clears any text/value currently set in the field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "collapse",
-        "type" : "function",
-        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "doQuery",
-        "type" : "function",
-        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
-        "sig" : "(query, forceAll)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "query",
-            "type" : "String",
-            "desc" : "The SQL query to execute",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
       {
         "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "value The selected value"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "isExpanded",
-        "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isValid",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(index, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The zero-based index of the list item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "selectByValue",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The data value of the item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value matched an item in the list, else false"
-          }
-        ]
-      },
       {
         "name" : "selectText",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setEditable",
-        "type" : "function",
-        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean",
-            "desc" : "True to allow the user to directly edit the field text",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setFromData",
-        "type" : "function",
-        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Object",
-            "desc" : "the value to set as. or false on reset?",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setPagePosition",
         "type" : "function",
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "value",
-            "type" : "String",
-            "desc" : "The value to match",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.ComboNested" : {
+  "Roo.form.HtmlEditor" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allQuery",
-        "type" : "String",
-        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "allowComments",
+        "type" : "boolean",
+        "desc" : "- default false - allow comments in HTML source - by default they are stripped - if you are editing email you may need this.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "alwaysQuery",
-        "type" : "Boolean",
-        "desc" : "Disable caching of results, and always send query",
-        "memberOf" : "Roo.form.ComboBox"
+        "name" : "autoClean",
+        "type" : "boolean",
+        "desc" : "- default true - loading and saving will remove quite a bit of formating,\n        if you are doing an email editor, this probably needs disabling, it's designed",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.ComboBox"
+        "name" : "blacklist",
+        "type" : "Array",
+        "desc" : "of html tags - in addition to standard blacklist.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "bodyCls",
+        "type" : "string",
+        "desc" : "default '' default classes to add to body of editable area - usually undoreset is a good start..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "blockFocus",
+        "name" : "clearUp",
         "type" : "Boolean",
-        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClear",
-        "type" : "Boolean",
-        "desc" : "Disable showing of clear button.",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "displayField",
-        "type" : "String",
-        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "editable",
-        "type" : "Boolean",
-        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "enableBlocks",
+        "type" : "boolean",
+        "desc" : "- default true - if the block editor (table and figure should be enabled)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "forceSelection",
-        "type" : "Boolean",
-        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "(in pixels)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.form.TriggerField"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "lazyRender",
-        "type" : "Boolean",
-        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "listAlign",
+        "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listClass",
+        "name" : "language",
         "type" : "String",
-        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "listWidth",
-        "type" : "Number",
-        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "default en - language of text (usefull for rtl languages)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadingText",
-        "type" : "String",
-        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minChars",
-        "type" : "Number",
-        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minListWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "mode",
-        "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "queryDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "queryParam",
-        "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "resizable",
-        "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "selectedClass",
         "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : "Roo.form.ComboBox"
+        "desc" : "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : "Roo.form.ComboBox"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : "Roo.form.ComboBox"
+        "name" : "stylesheets",
+        "type" : "Array",
+        "desc" : "url of stylesheets. set to [] to disable stylesheets - this is usally a good idea  rootURL + '/roojs1/css/undoreset.css',   .",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "transform",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "triggerAction",
-        "type" : "String",
-        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "typeAhead",
-        "type" : "Boolean",
-        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "typeAheadDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "name" : "toolbars",
+        "type" : "Array",
+        "desc" : "Array of toolbars. - defaults to just the Standard one",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "valueField",
-        "type" : "String",
-        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : "Roo.form.ComboBox"
-      },
-      {
-        "name" : "valueNotFoundText",
-        "type" : "String",
-        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : "Roo.form.ComboBox"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "whitelist",
+        "type" : "Array",
+        "desc" : "of html tags - in addition to statndard whitelist",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "desc" : "(in pixels)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "add",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires when the 'add' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
+        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
+            "name" : "this",
+            "type" : "HtmlEditor",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "autosize",
+        "name" : "autosave",
         "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
+        "desc" : "Auto save the htmlEditor value as a file into Events",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
+            "type" : "HtmlEditor",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforequery",
+        "name" : "beforepush",
         "type" : "function",
-        "desc" : "Fires before all queries are processed. Return false to cancel the query or set cancel to true.\nThe event object passed has these properties:",
-        "sig" : "function (combo, query, forceAll, cancel, e)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
+        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
+            "name" : "this",
+            "type" : "HtmlEditor",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "query",
+            "name" : "html",
             "type" : "String",
-            "desc" : "The query",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "true to force \"all\" query",
-            "isOptional" : false
-          },
-          {
-            "name" : "cancel",
-            "type" : "Boolean",
-            "desc" : "true to cancel the query",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "The query event object",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
-      {
-        "name" : "beforeselect",
-        "type" : "function",
-        "desc" : "Fires before a list item is selected. Return false to cancel the selection.",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforeshow",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "beforesync",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Fires when the dropdown list is collapsed",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "edit",
+        "name" : "editmodechange",
         "type" : "function",
-        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
+        "desc" : "Fires when the editor switches edit modes",
+        "sig" : "function (_self, sourceEdit)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
+            "name" : "this",
+            "type" : "HtmlEditor",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "record",
-            "type" : "Roo.data.Record|false",
-            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
+            "name" : "sourceEdit",
+            "type" : "Boolean",
+            "desc" : "True if source edit, false if standard editing.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "editorevent",
+        "type" : "function",
+        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "HtmlEditor",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "firstfocus",
         "type" : "function",
-        "desc" : "Fires when the dropdown list is expanded",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
+        "desc" : "Fires when on first focus - needed by toolbars..",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
+            "name" : "this",
+            "type" : "HtmlEditor",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       {
         "name" : "focus",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "initialize",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when the editor is fully initialized (including the iframe)",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "HtmlEditor",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
+      {
+        "name" : "paste",
+        "type" : "function",
+        "desc" : "Fires when press user pastes into the editor",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "push",
+        "type" : "function",
+        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "render",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "select",
+        "name" : "savedpreview",
         "type" : "function",
-        "desc" : "Fires when a list item is selected",
-        "sig" : "function (combo, record, index)\n{\n\n}",
-        "memberOf" : "Roo.form.ComboBox",
+        "desc" : "preview the saved version of htmlEditor",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "record",
-            "type" : "Roo.data.Record",
-            "desc" : "The data record returned from the underlying store (or false on clear)",
-            "isOptional" : false
-          },
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index of the selected item in the dropdown list",
+            "name" : "this",
+            "type" : "HtmlEditor",
+            "desc" : "",
             "isOptional" : false
           }
         ],
       {
         "name" : "specialkey",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "",
+        "sig" : "function ()\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "stylesheetsclick",
+        "type" : "function",
+        "desc" : "Fires when press the Sytlesheets button",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.HtmlEditorCore",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "sync",
+        "type" : "function",
+        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
+        "sig" : "function (_self, html)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "HtmlEditor",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "html",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
           }
         ]
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "clearValue",
-        "type" : "function",
-        "desc" : "Clears any text/value currently set in the field",
+        "desc" : "Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "createToolbar",
         "type" : "function",
-        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
+        "sig" : "(editor)",
         "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "editor",
+            "type" : "HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
           }
         ]
       },
-      {
-        "name" : "doQuery",
-        "type" : "function",
-        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
-        "sig" : "(query, forceAll)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "query",
-            "type" : "String",
-            "desc" : "The SQL query to execute",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "expand",
-        "type" : "function",
-        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getSelectedNode",
+        "type" : "function",
+        "desc" : "get the Context selected node",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "getSize",
         "type" : "function",
       {
         "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "value The selected value"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "isExpanded",
-        "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "isValid",
         "type" : "function",
       {
         "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
         ],
         "returns" : []
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(index, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The zero-based index of the list item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "selectByValue",
-        "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The data value of the item to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value matched an item in the list, else false"
-          }
-        ]
-      },
-      {
-        "name" : "selectText",
-        "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setEditable",
-        "type" : "function",
-        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean",
-            "desc" : "True to allow the user to directly edit the field text",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setFromData",
-        "type" : "function",
-        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Object",
-            "desc" : "the value to set as. or false on reset?",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setPagePosition",
         "type" : "function",
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
         "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.form.ComboBox",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [
           {
             "name" : "value",
-            "type" : "String",
-            "desc" : "The value to match",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "toggleSourceEdit",
+        "type" : "function",
+        "desc" : "Toggles the editor between standard and source edit mode.",
+        "sig" : "(sourceEdit)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "sourceEdit",
+            "type" : "Boolean",
+            "desc" : "(optional) True for source edit, false for standard",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "un",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "validate",
+        "name" : "updateLanguage",
         "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
+        "desc" : "update the language in the body - really done by core",
+        "sig" : "(language)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "language",
+            "type" : "String",
+            "desc" : "- eg. en / ar / zh-CN etc..",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "validateValue",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.DateField" : {
+  "Roo.form.HtmlEditor.ToolbarContext" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "altFormats",
-        "type" : "String",
-        "desc" : "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "disabledDates",
-        "type" : "Array",
-        "desc" : "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDatesText",
-        "type" : "String",
-        "desc" : "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDays",
-        "type" : "Array",
-        "desc" : "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDaysText",
-        "type" : "String",
-        "desc" : "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "format",
-        "type" : "String",
-        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.form.TriggerField"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
+        "name" : "disable",
         "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxText",
-        "type" : "String",
-        "desc" : "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxValue",
-        "type" : "Date/String",
-        "desc" : "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "List of toolbar elements to disable",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minText",
-        "type" : "String",
-        "desc" : "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
-        "memberOf" : ""
-      },
+        "name" : "styles",
+        "type" : "Object",
+        "desc" : "List of styles \n   eg. { '*' : [ 'headline' ] , 'TD' : [ 'underline', 'double-underline' ] } \n\nThese must be defined in the page, so they get rendered correctly..\n.headline { }\nTD.underline { }",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "minValue",
-        "type" : "Date/String",
-        "desc" : "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-        "memberOf" : ""
-      },
+        "name" : "updateToolbar",
+        "type" : "function",
+        "desc" : "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor.\n\nNote you can force an update by calling on('editorevent', scope, false)",
+        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.HtmlEditor.ToolbarStandard" : {
+    "props" : [
       {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "name" : "btns[]",
+        "type" : "Roo.Toolbar.Item|Roo.Toolbar.Button|Roo.Toolbar.SplitButton|Roo.form.Field",
+        "desc" : "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "msgTarget",
+        "name" : "createLinkText",
         "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "The default text for the create link prompt",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
+        "name" : "defaultFont",
         "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "default font to use.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "qtip",
+        "name" : "defaultLinkValue",
         "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "The default value for the create link prompt (defaults to http:/ /)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "disable",
+        "type" : "Object",
+        "desc" : "List of elements to disable..",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
-      },
+        "name" : "fontFamilies",
+        "type" : "Array",
+        "desc" : "An array of available font families",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
-      },
+        "name" : "updateToolbar",
+        "type" : "function",
+        "desc" : "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor.",
+        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.form.Layout" : {
+    "props" : [
       {
-        "name" : "triggerClass",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
-        "memberOf" : ""
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "useIso",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (false)",
-        "memberOf" : ""
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validateOnBlur",
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "clear",
         "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "name" : "hideLabels",
+        "type" : "Boolean",
+        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "labelAlign",
+        "type" : "String",
+        "desc" : "t)\nValid values are \"left,\" \"top\" and \"right\" (defaults to \"left",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "top",
+          "right"
+        ]
       },
       {
-        "name" : "vtype",
+        "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "The separator to use after field labels (defaults to ':')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "width",
+        "name" : "labelWidth",
         "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String/Object/Function",
+        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "autosize",
-        "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "move",
-        "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when a date is selected",
-        "sig" : "function (combo, date)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.DateField",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The date selected",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
         "returns" : []
       },
       {
-        "name" : "applyTo",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
+        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
         ],
         "returns" : []
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getBox",
-        "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getEl",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "name The field name"
-          }
-        ]
-      },
-      {
-        "name" : "getPosition",
-        "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getSize",
-        "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the current date value of the date field.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Date",
-            "desc" : "The date value"
-          }
-        ]
-      },
-      {
-        "name" : "hasChanged",
-        "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "hasListener",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "isDirty",
-        "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isValid",
-        "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "onPosition",
-        "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onResize",
-        "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
-        "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "selectText",
-        "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setPagePosition",
-        "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPosition",
-        "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setSize",
-        "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets the value of the date field.  You can pass a date object or any string that can be parsed into a valid\ndate, using DateField.format as the date format, according to the same rules as {@link Date#parseDate}\n(the default format used is \"m/d/y\").\n<br />Usage:\n<pre><code>\n//All of these calls set the same date value (May 4, 2006)\n\n//Pass a date object:\nvar dt = new Date('5/4/06');\ndateField.setValue(dt);\n\n//Pass a date string (default format):\ndateField.setValue('5/4/06');\n\n//Pass a date string (custom format):\ndateField.format = 'Y-m-d';\ndateField.setValue('2006-5-4');\n</code></pre>",
-        "sig" : "(date)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "date",
-            "type" : "String/Date",
-            "desc" : "The date or valid date string",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisible",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
+    "implementations" : [
+      "Roo.form.Column",
+      "Roo.form.FieldSet",
+      "Roo.form.Row"
+    ],
+    "tree_children" : [
+      "Roo.form.Column",
+      "Roo.form.Row",
+      "Roo.form.Field",
+      "Roo.form.Checkbox",
+      "Roo.form.ComboBox",
+      "Roo.form.ComboBoxArray",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.DayPicker",
+      "Roo.form.DisplayField",
+      "Roo.form.FCKeditor",
+      "Roo.form.GridField",
+      "Roo.form.Hidden",
+      "Roo.form.HtmlEditor",
+      "Roo.form.MonthField",
+      "Roo.form.NumberField",
+      "Roo.form.Radio",
+      "Roo.form.Select",
+      "Roo.form.Signature",
+      "Roo.form.TextArea",
+      "Roo.form.TextField",
+      "Roo.form.TriggerField",
+      "Roo.Button",
+      "Roo.SplitButton",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton",
+      "Roo.form.TextItem",
+      "Roo.form.FieldSet"
+    ],
     "tree_parent" : []
   },
-  "Roo.form.DayPicker" : {
+  "Roo.form.MonthField" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "altFormats",
+        "type" : "String",
+        "desc" : "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
-        "memberOf" : ""
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDates",
+        "type" : "Array",
+        "desc" : "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDatesText",
+        "type" : "String",
+        "desc" : "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDays",
+        "type" : "Array",
+        "desc" : "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabledDaysText",
+        "type" : "String",
+        "desc" : "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
-        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
-        "memberOf" : ""
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
-        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "format",
+        "type" : "String",
+        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxTextf",
+        "type" : "String",
+        "desc" : "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxValue",
+        "type" : "Date/String",
+        "desc" : "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minText",
+        "type" : "String",
+        "desc" : "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minValue",
+        "type" : "Date/String",
+        "desc" : "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "useIso",
+        "type" : "Boolean",
+        "desc" : "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Fires when a date is selected",
+        "sig" : "function (combo, date)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.MonthFieeld",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The date selected",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "show",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the checked state of the checkbox.",
+        "desc" : "Returns the current date value of the date field.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if checked, else false"
+            "type" : "Date",
+            "desc" : "The date value"
           }
         ]
       },
         ],
         "returns" : []
       },
+      {
+        "name" : "onTriggerClick",
+        "type" : "function",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "Roo.form.TriggerField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "selectText",
+        "type" : "function",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets the checked state of the checkbox.\nOn is always based on a string comparison between inputValue and the param.",
-        "sig" : "(value, suppressEvent)",
+        "desc" : "Sets the value of the date field.  You can pass a date object or any string that can be parsed into a valid\ndate, using MonthField.format as the date format, according to the same rules as {@link Date#parseDate}\n(the default format used is \"m/d/y\").\n<br />Usage:\n<pre><code>\n//All of these calls set the same date value (May 4, 2006)\n\n//Pass a date object:\nvar dt = new Date('5/4/06');\nmonthField.setValue(dt);\n\n//Pass a date string (default format):\nmonthField.setValue('5/4/06');\n\n//Pass a date string (custom format):\nmonthField.format = 'Y-m-d';\nmonthField.setValue('2006-5-4');\n</code></pre>",
+        "sig" : "(date)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Boolean/String",
-            "desc" : "- the value to set",
-            "isOptional" : false
-          },
-          {
-            "name" : "suppressEvent",
-            "type" : "Boolean/String",
-            "desc" : "- whether to suppress the checkchange event.",
+            "name" : "date",
+            "type" : "String/Date",
+            "desc" : "The date or valid date string",
             "isOptional" : false
           }
         ],
             "desc" : "True if the value is valid, else false"
           }
         ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.DisplayField" : {
+  "Roo.form.NumberField" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDecimals",
+        "type" : "Boolean",
+        "desc" : "False to disallow decimal values (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowNegative",
+        "type" : "Boolean",
+        "desc" : "False to prevent entering a negative sign (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
-        "memberOf" : ""
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "closable",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : ""
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "decimalPrecision",
+        "type" : "Number",
+        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "decimalSeparator",
+        "type" : "String",
+        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
-        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
-        "memberOf" : ""
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field x-form-num-field\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
-        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
-        "memberOf" : ""
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "True if this field should automatically grow and shrink to its content",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxValue",
+        "type" : "Number",
+        "desc" : "The maximum allowed value (defaults to Number.MAX_VALUE)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minValue",
+        "type" : "Number",
+        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "nanText",
+        "type" : "String",
+        "desc" : "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "valueRenderer",
-        "type" : "Function",
-        "desc" : "The renderer for the field (so you can reformat output). should return raw HTML",
-        "memberOf" : ""
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
+      {
+        "name" : "autosize",
+        "type" : "function",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
+            "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "close",
-        "type" : "function",
-        "desc" : "Fires after the click the close btn",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.DisplayField",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "selectText",
+        "type" : "function",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "setDisabled",
         "type" : "function",
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets the checked state of the checkbox.",
-        "sig" : "(checked)",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "checked",
-            "type" : "Boolean/String",
-            "desc" : "True, 'true', '1', or 'on' to check the checkbox, any other value will uncheck it.",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
             "desc" : "True if the value is valid, else false"
           }
         ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.FCKeditor" : {
+  "Roo.form.Radio" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"textarea\", style: \"width:300px;height:60px;\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.TextArea"
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.Checkbox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "blankText",
+        "name" : "boxLabel",
         "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "The text that appears beside the checkbox",
+        "memberOf" : "Roo.form.Checkbox",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "checked",
+        "type" : "Boolean",
+        "desc" : "True if the the checkbox should render already checked (defaults to false)",
+        "memberOf" : "Roo.form.Checkbox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "fck",
-        "type" : "Object",
-        "desc" : "BasePath",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Checkbox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "True if this field should automatically grow and shrink to its content",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "The maximum height to allow when grow = true (defaults to 1000)",
-        "memberOf" : "Roo.form.TextArea"
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "The minimum height to allow when grow = true (defaults to 60)",
-        "memberOf" : "Roo.form.TextArea"
+        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
+        "memberOf" : "Roo.form.Checkbox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputValue",
+        "type" : "String",
+        "desc" : "The value that should go into the generated input element's value attribute",
+        "memberOf" : "Roo.form.Checkbox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxLengthText",
+        "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "preventScrollbars",
-        "type" : "Boolean",
-        "desc" : "True to prevent scrollbars from appearing regardless of how much text is\nin the field (equivalent to setting overflow: hidden, defaults to false)",
-        "memberOf" : "Roo.form.TextArea"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "regexText",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "vtype",
+        "name" : "valueOff",
         "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "The value that should go into the generated input element's value when unchecked.",
+        "memberOf" : "Roo.form.Checkbox",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "autosize",
-        "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "check",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the checkbox is checked or unchecked.",
+        "sig" : "function (_self, checked)\n{\n\n}",
+        "memberOf" : "Roo.form.Checkbox",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "type" : "Roo.form.Checkbox",
+            "desc" : "This checkbox",
+            "isOptional" : false
+          },
+          {
+            "name" : "checked",
+            "type" : "Boolean",
+            "desc" : "The new checked value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "editorinit",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fired when the editor is initialized - you can add extra handlers here..",
-        "sig" : "function (_self, the)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "FCKeditor",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "the",
-            "type" : "Object",
-            "desc" : "FCK object.",
-            "isOptional" : false
           }
         ],
         "returns" : []
           }
         ]
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "Automatically grows the field to accomodate the height of the text up to the maximum field height allowed.\nThis only takes effect if grow = true, and fires the autosize event if the height changes.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TextArea",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getGroupValue",
+        "type" : "function",
+        "desc" : "If this radio is part of a group, it will return the selected value",
+        "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" : ""
+          }
+        ]
+      },
       {
         "name" : "getId",
         "type" : "function",
         "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
       {
         "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "desc" : "Returns the checked state of the checkbox.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Checkbox",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "Boolean",
+            "desc" : "True if checked, else false"
           }
         ]
       },
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "selectText",
-        "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Sets the checked state of the checkbox.\nOn is always based on a string comparison between inputValue and the param.",
+        "sig" : "(value, suppressEvent)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "params" : [
           {
             "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "type" : "Boolean/String",
+            "desc" : "- the value to set",
+            "isOptional" : false
+          },
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean/String",
+            "desc" : "- whether to suppress the checkchange event.",
             "isOptional" : false
           }
         ],
             "desc" : "True if the value is valid, else false"
           }
         ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.Field" : {
+  "Roo.form.Row" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-        "memberOf" : ""
+        "desc" : "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : ""
+        "name" : "clear",
+        "type" : "Boolean",
+        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : ""
+        "name" : "height",
+        "type" : "Number/String",
+        "desc" : "The fixed height of the column in pixels or CSS value (defaults to \"auto\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "name" : "hideLabels",
+        "type" : "Boolean",
+        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "inputType",
+        "name" : "labelAlign",
         "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : ""
+        "desc" : "t)\nValid values are \"left,\" \"top\" and \"right\" (defaults to \"left",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "top",
+          "right"
+        ]
       },
       {
-        "name" : "invalidClass",
+        "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : ""
+        "desc" : "The separator to use after field labels (defaults to ':')",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : ""
+        "name" : "labelWidth",
+        "type" : "Number",
+        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : ""
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : ""
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : ""
+        "name" : "style",
+        "type" : "String/Object/Function",
+        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
+        "memberOf" : "Roo.form.Layout",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "type" : "Number/String",
+        "desc" : "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "move",
-        "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "render",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "resize",
-        "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
         "returns" : []
       },
       {
-        "name" : "applyTo",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
+        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Layout",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "capture",
         ],
         "returns" : []
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getBox",
-        "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "getEl",
         "type" : "function",
         "since" : "",
         "see" : "",
         "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "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" : "name The field name"
-          }
-        ]
-      },
-      {
-        "name" : "getPosition",
-        "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getSize",
-        "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "hasChanged",
-        "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "isDirty",
-        "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isValid",
-        "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onPosition",
-        "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onResize",
-        "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "reset",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "resetHasChanged",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "stores the current value in loadedValue",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPagePosition",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setPosition",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setRawValue",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
           }
         ]
       },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "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 the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
+    "implementations" : [],
+    "tree_children" : [
+      "Roo.form.Column",
+      "Roo.form.Row",
+      "Roo.form.Field",
       "Roo.form.Checkbox",
       "Roo.form.ComboBox",
       "Roo.form.ComboBoxArray",
       "Roo.form.Signature",
       "Roo.form.TextArea",
       "Roo.form.TextField",
-      "Roo.form.TriggerField"
+      "Roo.form.TriggerField",
+      "Roo.Button",
+      "Roo.SplitButton",
+      "Roo.Toolbar.Button",
+      "Roo.Toolbar.SplitButton",
+      "Roo.form.TextItem",
+      "Roo.form.FieldSet"
     ],
-    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.FieldSet" : {
+  "Roo.form.Select" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allQuery",
+        "type" : "String",
+        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "alwaysQuery",
+        "type" : "Boolean",
+        "desc" : "Disable caching of results, and always send query",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec used to autocreate the fieldset (defaults to {tag: 'fieldset', cn: {tag:'legend'}})",
-        "memberOf" : ""
+        "type" : "Boolean/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "clear",
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blockFocus",
         "type" : "Boolean",
-        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-        "memberOf" : "Roo.form.Layout"
+        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cls",
+        "type" : "String",
+        "desc" : "A CSS class to apply to the field's underlying element.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "defaultValue",
+        "type" : "String",
+        "desc" : "The value displayed after loading the store.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideLabels",
+        "name" : "disableClear",
         "type" : "Boolean",
-        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
-        "memberOf" : "Roo.form.Layout"
+        "desc" : "Disable showing of clear button.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disabled",
+        "type" : "Boolean",
+        "desc" : "True to disable the field (defaults to false).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "displayField",
+        "type" : "String",
+        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "editable",
+        "type" : "Boolean",
+        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldLabel",
+        "type" : "String",
+        "desc" : "Label to use when rendering a form.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "forceSelection",
+        "type" : "Boolean",
+        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handleHeight",
+        "type" : "Number",
+        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hiddenName",
+        "type" : "String",
+        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "labelAlign",
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "Roo.form.TriggerField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "inputType",
         "type" : "String",
-        "desc" : "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-        "memberOf" : "Roo.form.Layout"
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "labelSeparator",
         "type" : "String",
-        "desc" : "The separator to use after field labels (defaults to ':')",
-        "memberOf" : "Roo.form.Layout"
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
-        "memberOf" : "Roo.form.Layout"
+        "name" : "lazyRender",
+        "type" : "Boolean",
+        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "legend",
+        "name" : "listAlign",
         "type" : "String",
-        "desc" : "The text to display as the legend for the FieldSet (defaults to '')",
-        "memberOf" : ""
+        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listWidth",
+        "type" : "Number",
+        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "style",
-        "type" : "String/Object/Function",
-        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-        "memberOf" : "Roo.form.Layout"
-      }
-    ],
-    "events" : [
+        "name" : "loadingText",
+        "type" : "String",
+        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "minChars",
+        "type" : "Number",
+        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "minListWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "mode",
+        "type" : "String",
+        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "msgTarget",
+        "type" : "String",
+        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "addListener",
-        "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "name",
+        "type" : "String",
+        "desc" : "The field's HTML name attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "addxtype",
-        "type" : "function",
-        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
-        "sig" : "(config)",
-        "static" : false,
-        "memberOf" : "Roo.form.Layout",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "pageSize",
+        "type" : "Number",
+        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "qtip",
+        "type" : "String",
+        "desc" : "Mouse over tip",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "name" : "queryDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "queryParam",
+        "type" : "String",
+        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "readOnly",
+        "type" : "Boolean",
+        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
+        "type" : "String",
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "selectedClass",
+        "type" : "String",
+        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "store",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store to which this combo is bound (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabIndex",
+        "type" : "Number",
+        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tpl",
+        "type" : "String/Roo.Template",
+        "desc" : "The template to use to render the output",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "transform",
+        "type" : "String/HTMLElement/Element",
+        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerAction",
+        "type" : "String",
+        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAhead",
+        "type" : "Boolean",
+        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "typeAheadDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationDelay",
+        "type" : "Number",
+        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validationEvent",
+        "type" : "String/Boolean",
+        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "value",
+        "type" : "Mixed",
+        "desc" : "A value to initialize this field with.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valueField",
+        "type" : "String",
+        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "name" : "valueNotFoundText",
+        "type" : "String",
+        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "autosize",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
+        "memberOf" : "Roo.form.TextField",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "this",
             "type" : "Roo.Component",
-            "desc" : "this"
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field loses input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this field receives input focus.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "invalid",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the field has been marked as invalid.",
+        "sig" : "function (_self, msg)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "keyup",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the key up",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Roo.form.Field",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event Object",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [
-      "Roo.form.Column",
-      "Roo.form.Row",
-      "Roo.form.Field",
-      "Roo.form.Checkbox",
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
-      "Roo.form.FCKeditor",
-      "Roo.form.GridField",
-      "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Radio",
-      "Roo.form.Select",
-      "Roo.form.Signature",
-      "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TriggerField",
-      "Roo.Button",
-      "Roo.SplitButton",
-      "Roo.Toolbar.Button",
-      "Roo.Toolbar.SplitButton",
-      "Roo.form.TextItem"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.form.Form" : {
-    "props" : [
-      {
-        "name" : "baseParams",
-        "type" : "Object",
-        "desc" : "Parameters to pass with all requests. e.g. baseParams: {id: '123', foo: 'bar'}.",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "buttonAlign",
-        "type" : "String",
-        "desc" : "Valid values are \"left,\" \"center\" and \"right\" (defaults to \"center\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "buttons[]",
-        "type" : "Roo.Button",
-        "desc" : "buttons at bottom of form",
-        "memberOf" : ""
-      },
-      {
-        "name" : "errorMask",
-        "type" : "Boolean",
-        "desc" : "e) default false",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "errorReader",
-        "type" : "DataReader",
-        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when reading validation errors on \"submit\" actions.\nThis is completely optional as there is built-in support for processing JSON.",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "fileUpload",
-        "type" : "Boolean",
-        "desc" : "Set to true if this form is a file upload.",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "formData",
-        "type" : "boolean|FormData",
-        "desc" : "- true to use new 'FormData' post, or set to a new FormData({dom form}) Object, if\nsending a formdata with extra parameters - eg uploaded elements.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "itemCls",
-        "type" : "String",
-        "desc" : "A css class to apply to the x-form-item of fields. This property cascades to child containers.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\").\nThis property cascades to child containers if not set.",
-        "memberOf" : ""
       },
       {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "The width of labels. This property cascades to child containers.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskOffset",
-        "type" : "Number",
-        "desc" : "Default 100",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "method",
-        "type" : "String",
-        "desc" : "The request method to use (GET or POST) for form actions if one isn't supplied in the action options.",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "minButtonWidth",
-        "type" : "Number",
-        "desc" : "Minimum width of all buttons in pixels (defaults to 75)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "monitorPoll",
-        "type" : "Number",
-        "desc" : "The milliseconds to poll valid state, ignored if monitorValid is not true (defaults to 200)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "monitorValid",
-        "type" : "Boolean",
-        "desc" : "If true the form monitors its valid state <b>client-side</b> and\nfires a looping event with that state. This is required to bind buttons to the valid\nstate using the config value formBind:true on the button.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "progressUrl",
-        "type" : "String",
-        "desc" : "- Url to return progress data",
-        "memberOf" : ""
-      },
-      {
-        "name" : "reader",
-        "type" : "DataReader",
-        "desc" : "An Roo.data.DataReader (e.g. {@link Roo.data.XmlReader}) to be used to read data when executing \"load\" actions.\nThis is optional as there is built-in support for processing JSON.",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "timeout",
-        "type" : "Number",
-        "desc" : "Timeout for form actions in seconds (default is 30 seconds).",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "trackResetOnLoad",
-        "type" : "Boolean",
-        "desc" : "If set to true, form.reset() resets to the last loaded\nor setValues() data instead of when the form was first created.",
-        "memberOf" : "Roo.form.BasicForm"
-      },
-      {
-        "name" : "url",
-        "type" : "String",
-        "desc" : "The URL to use for form actions if one isn't supplied in the action options.",
-        "memberOf" : "Roo.form.BasicForm"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "actioncomplete",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when an action is completed.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "Roo.form.BasicForm",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action that completed",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "actionfailed",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires when an action fails.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "Roo.form.BasicForm",
+        "desc" : "Fires after the component is resized.",
+        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action that failed",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeaction",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires before any action is performed. Return false to cancel the action.",
-        "sig" : "function (_self, action)\n{\n\n}",
-        "memberOf" : "Roo.form.BasicForm",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "action",
-            "type" : "Action",
-            "desc" : "The action to be performed",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clientvalidation",
+        "name" : "specialkey",
         "type" : "function",
-        "desc" : "If the monitorValid config option is true, this event fires repetitively to notify of valid state",
-        "sig" : "function (_self, valid)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Form",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "valid",
-            "type" : "Boolean",
-            "desc" : "true if the form has passed client-side validation",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rendered",
+        "name" : "valid",
         "type" : "function",
-        "desc" : "Fires when the form is rendered",
-        "sig" : "function (form)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the field has been validated with no errors.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "form",
-            "type" : "Roo.form.Form",
+            "name" : "this",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
     ],
     "methods" : [
       {
-        "name" : "add",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Add Roo.form components to the current open container (e.g. column, fieldset, etc.).  Fields added via this method\ncan also be passed with an additional property of fieldLabel, which if supplied, will provide the text to display\nas the label of the field.",
-        "sig" : "(field1, field2)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "field1",
-            "type" : "Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "field2",
-            "type" : "Field",
-            "desc" : "(optional)",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Form",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addButton",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Adds a button to the footer of the form - this <b>must</b> be called before the form is rendered.",
-        "sig" : "(config, handler, scope)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "String/Object",
-            "desc" : "A string becomes the button text, an object can either be a Button config\nobject or a valid Roo.DomHelper element config",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The function called when the button is clicked",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope of the handler function",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Button",
-            "desc" : ""
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "applyTo",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The id of the node, a DOM node or an existing Element",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "addForm",
+        "name" : "autoSize",
         "type" : "function",
-        "desc" : "Add a secondary form to this one, \nUsed to provide tabbed forms. One form is primary, with hidden values \nwhich mirror the elements from the other forms.",
-        "sig" : "(form)",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.TriggerField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "form",
-            "type" : "Roo.form.Form",
-            "desc" : "to add.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addxtype",
+        "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Adds a series of form elements (using the xtype property as the factory method.\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column, (and 'end' to close a block)",
-        "sig" : "(config)",
+        "desc" : "Clear any invalid styles/messages for this field",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "clearValue",
+        "type" : "function",
+        "desc" : "Clears any text/value currently set in the field",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "applyIfToFields",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Calls {@link Ext#applyIf} for all field in this form with the passed object.",
-        "sig" : "(values)",
+        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "applyToFields",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Calls {@link Ext#apply} for all fields in this form with the passed object.",
-        "sig" : "(values)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "values",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "capture",
+        "name" : "doQuery",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
+        "sig" : "(query, forceAll)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "query",
+            "type" : "String",
+            "desc" : "The SQL query to execute",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "forceAll",
+            "type" : "Boolean",
+            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Clears all invalid messages in this form.",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "column",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Opens a new {@link Roo.form.Column} container in the layout stack. If fields are passed after the config, the\nfields are added and the column is closed. If no fields are passed the column remains open\nuntil end() is called.",
-        "sig" : "(config, field1, field2, etc)",
+        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The config to pass to the column",
-            "isOptional" : false
-          },
-          {
-            "name" : "field1",
-            "type" : "Field",
-            "desc" : "(optional)",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "field2",
-            "type" : "Field",
-            "desc" : "(optional)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "etc",
-            "type" : "Field",
-            "desc" : "(optional)",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Column The column container object"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "container",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Opens a new {@link Roo.form.Layout} container in the layout stack. If fields are passed after the config, the\nfields are added and the container is closed. If no fields are passed the container remains open\nuntil end() is called.",
-        "sig" : "(config, field1, field2, etc)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The config to pass to the Layout",
-            "isOptional" : false
-          },
-          {
-            "name" : "field1",
-            "type" : "Field",
-            "desc" : "(optional)",
-            "isOptional" : false
-          },
-          {
-            "name" : "field2",
-            "type" : "Field",
-            "desc" : "(optional)",
-            "isOptional" : false
-          },
-          {
-            "name" : "etc",
-            "type" : "Field",
-            "desc" : "(optional)",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Layout The container object"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "doAction",
+        "name" : "getBox",
         "type" : "function",
-        "desc" : "Performs a predefined action (submit or load) or custom actions you define on this form.",
-        "sig" : "(actionName, options)",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "actionName",
-            "type" : "String",
-            "desc" : "The name of the action type",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) The options to pass to the action.  All of the config options listed\nbelow are supported by both the submit and load actions unless otherwise noted (custom actions could also\naccept other config options):\n<pre>\nProperty          Type             Description\n----------------  ---------------  ----------------------------------------------------------------------------------\nurl               String           The url for the action (defaults to the form's url)\nmethod            String           The form method to use (defaults to the form's method, or POST if not defined)\nparams            String/Object    The params to pass (defaults to the form's baseParams, or none if not defined)\nclientValidation  Boolean          Applies to submit only.  Pass true to call form.isValid() prior to posting to\n                                   validate the form on the client (defaults to false)\n</pre>",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "end",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Closes the current open container",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Form",
-            "desc" : "this"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "fieldset",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Opens a new {@link Roo.form.FieldSet} container in the layout stack. If fields are passed after the config, the\nfields are added and the fieldset is closed. If no fields are passed the fieldset remains open\nuntil end() is called.",
-        "sig" : "(config, field1, field2, etc)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "The config to pass to the fieldset",
-            "isOptional" : false
-          },
-          {
-            "name" : "field1",
-            "type" : "Field",
-            "desc" : "(optional)",
-            "isOptional" : false
-          },
-          {
-            "name" : "field2",
-            "type" : "Field",
-            "desc" : "(optional)",
-            "isOptional" : false
-          },
-          {
-            "name" : "etc",
-            "type" : "Field",
-            "desc" : "(optional)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "FieldSet The fieldset container object"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "findField",
+        "name" : "getName",
         "type" : "function",
-        "desc" : "Find a Roo.form.Field in this form by id, dataIndex, name or hiddenName",
-        "sig" : "(id)",
+        "desc" : "Returns the name attribute of the field if available",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The value to search for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Field"
+            "type" : "String",
+            "desc" : "name The field name"
           }
         ]
       },
       {
-        "name" : "findbyId",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Find any element that has been added to a form, using it's ID or name\nThis can include framesets, columns etc. along with regular fields..",
-        "sig" : "(id)",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "- id or name to find.",
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : "e - or false if nothing found."
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getRawValue",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Mixed",
+            "desc" : "value The field value"
           }
         ]
       },
       {
-        "name" : "getFieldValues",
+        "name" : "getSize",
         "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs. \nThis differs from getValues as it calls getValue on each child item, rather than using dom data.",
+        "desc" : "Gets the current size of the component's underlying element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "Object",
-            "desc" : ""
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
           }
         ]
       },
       {
-        "name" : "getValues",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the fields in this form as an object with key/value pairs. If multiple fields exist with the same name\nthey are returned as an array.",
-        "sig" : "(asString)",
+        "desc" : "Returns the currently selected field value or empty string if no value is set.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "asString",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : ""
+            "type" : "String",
+            "desc" : "value The selected value"
           }
         ]
       },
       {
         "name" : "hasChanged",
         "type" : "function",
-        "desc" : "Returns true if any fields in this form have changed since their original load. (New version)",
+        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "invalidFields",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns array of invalid form fields.",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Array"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
         "name" : "isDirty",
         "type" : "function",
-        "desc" : "DEPRICATED Returns true if any fields in this form have changed since their original load.",
+        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isValid",
+        "name" : "isExpanded",
         "type" : "function",
-        "desc" : "Returns true if client-side validation on the form is successful.",
+        "desc" : "Returns true if the dropdown list is expanded, else false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "load",
+        "name" : "isValid",
         "type" : "function",
-        "desc" : "Shortcut to do a load action.",
-        "sig" : "(options)",
+        "desc" : "Returns whether or not the field value is currently valid",
+        "sig" : "(preventMark)",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
+            "name" : "preventMark",
+            "type" : "Boolean",
+            "desc" : "True to disable marking the field invalid",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
         ]
       },
       {
-        "name" : "loadRecord",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Loads an Roo.data.Record into this form.",
-        "sig" : "(record)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "record",
-            "type" : "Record",
-            "desc" : "The record to load",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Mark fields in this form invalid in bulk.",
-        "sig" : "(errors)",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "errors",
-            "type" : "Array/Object",
-            "desc" : "Either an array in the form [{id:'fieldId', msg:'The message'},...] or an object hash of {id: msg, id2: msg2}",
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "onPosition",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "onResize",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "onTriggerClick",
         "type" : "function",
-        "desc" : "Removes a field from the items collection (does NOT remove its markup).",
-        "sig" : "(field)",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.TriggerField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "Field",
+            "name" : "e",
+            "type" : "EventObject",
             "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "removeListener",
       {
         "name" : "render",
         "type" : "function",
-        "desc" : "Render this form into the passed container. This should only be called once!",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
         "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "container",
             "type" : "String/HTMLElement/Element",
-            "desc" : "The element this component should be rendered into",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Form",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "reset",
         "type" : "function",
-        "desc" : "Resets this form.",
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.TextField",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "Resets all hasChanged to 'false' -\nThe old 'isDirty' used 'original value..' however this breaks reset() and a few other things.\nSo hasChanged storage is only to be used for this purpose",
+        "desc" : "stores the current value in loadedValue",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "select",
+        "type" : "function",
+        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(index, scrollIntoView)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "",
-            "desc" : "Boolean"
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The zero-based index of the list item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setValues",
+        "name" : "selectByValue",
         "type" : "function",
-        "desc" : "Set values for fields in this form in bulk.",
-        "sig" : "(values)",
+        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
+        "sig" : "(value, scrollIntoView)",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "values",
-            "type" : "Array/Object",
-            "desc" : "Either an array in the form [{id:'fieldId', value:'foo'},...] or an object hash of {id: value, id2: value2}",
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The data value of the item to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollIntoView",
+            "type" : "Boolean",
+            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the value matched an item in the list, else false"
           }
         ]
       },
       {
-        "name" : "start",
+        "name" : "selectText",
         "type" : "function",
-        "desc" : "Opens the passed container in the layout stack. The container can be any {@link Roo.form.Layout} or subclass.",
-        "sig" : "(container)",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setEditable",
+        "type" : "function",
+        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
+        "sig" : "(value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
+            "name" : "value",
+            "type" : "Boolean",
+            "desc" : "True to allow the user to directly edit the field text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setFromData",
+        "type" : "function",
+        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
             "type" : "Object",
-            "desc" : "A Roo.form.Layout or subclass of Layout",
+            "desc" : "the value to set as. or false on reset?",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPosition",
+        "type" : "function",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setRawValue",
+        "type" : "function",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Form",
+            "type" : "Roo.BoxComponent",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "startMonitoring",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Starts monitoring of the valid state of this form. Usually this is done by passing the config\noption \"monitorValid\"",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
+        "sig" : "(value)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The value to match",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "stopMonitoring",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Stops monitoring of the valid state of this form",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "setWidth",
+        "type" : "function",
+        "desc" : "",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "submit",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Shortcut to do a submit action.",
-        "sig" : "(options)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "The options to pass to the action (see {@link #doAction} for details)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
+            "type" : "Roo.Component",
             "desc" : "this"
           }
         ]
       },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "un",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "updateRecord",
+        "name" : "updateBox",
         "type" : "function",
-        "desc" : "Persists the values in this form into the passed Roo.data.Record object in a beginEdit/endEdit block.",
-        "sig" : "(record)",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
         "static" : false,
-        "memberOf" : "Roo.form.BasicForm",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "record",
-            "type" : "Record",
-            "desc" : "The record to edit",
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
             "isOptional" : false
           }
         ],
+        "returns" : []
+      },
+      {
+        "name" : "validate",
+        "type" : "function",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.form.Field",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "BasicForm",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
+          }
+        ]
+      },
+      {
+        "name" : "validateValue",
+        "type" : "function",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.form.TextField",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
         ]
       }
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [],
-    "tree_children" : [
-      "Roo.form.Column",
-      "Roo.form.FieldSet",
-      "Roo.form.Row",
-      "Roo.form.Field",
-      "Roo.form.Checkbox",
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
-      "Roo.form.FCKeditor",
-      "Roo.form.GridField",
-      "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Radio",
-      "Roo.form.Select",
-      "Roo.form.Signature",
-      "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TriggerField",
-      "Roo.Button",
-      "Roo.SplitButton",
-      "Roo.Toolbar.Button",
-      "Roo.Toolbar.SplitButton",
-      "Roo.form.TextItem"
-    ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.GridField" : {
+  "Roo.form.Signature" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "addTitle",
-        "type" : "String",
-        "desc" : "Text to include for adding a title.",
-        "memberOf" : ""
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
-        "memberOf" : ""
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
         "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
-        "desc" : "- used to restrict height of grid..",
-        "memberOf" : ""
+        "desc" : "The signature panel height (defaults to 100)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labels",
+        "type" : "Object",
+        "desc" : "Label to use when rendering a form.\ndefaults to \nlabels : { \n     clear : \"Clear\",\n     confirm : \"Confirm\"\n }",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
-        "desc" : "- used to restrict width of grid..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xgrid",
-        "type" : "Object",
-        "desc" : "(xtype'd description of grid) { xtype : 'Grid', dataSource: .... }\n\n}",
-        "memberOf" : ""
+        "desc" : "The signature panel width (defaults to 300)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
+      {
+        "name" : "confirm",
+        "type" : "function",
+        "desc" : "Fires when the 'confirm' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.Signature",
+            "desc" : "This combo box",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "reset",
+        "type" : "function",
+        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
+        "sig" : "function (combo, record)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "combo",
+            "type" : "Roo.form.ComboBox",
+            "desc" : "This combo box",
+            "isOptional" : false
+          },
+          {
+            "name" : "record",
+            "type" : "Roo.data.Record|false",
+            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "resize",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "createToolbar",
+        "type" : "function",
+        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
+        "sig" : "(editor)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "editor",
+            "type" : "HtmlEditor",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "getConfirmed",
+        "type" : "function",
+        "desc" : "",
+        "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" : "this.isConfirmed"
+          }
+        ]
+      },
       {
         "name" : "getEl",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getHeight",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "this.height"
+          }
+        ]
+      },
       {
         "name" : "getId",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getImageDataURI",
+        "type" : "function",
+        "desc" : "when user is clicked confirm then show this image.....",
+        "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" : "Image Data URI"
+          }
+        ]
+      },
       {
         "name" : "getName",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getWidth",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "this.width"
+          }
+        ]
+      },
       {
         "name" : "hasChanged",
         "type" : "function",
       {
         "name" : "setValue",
         "type" : "function",
-        "desc" : "Sets the value of the item.",
-        "sig" : "(either)",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "either",
-            "type" : "String",
-            "desc" : "an object  or a string..",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.Hidden" : {
+  "Roo.form.TextArea" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowLeadingSpace",
         "type" : "Boolean",
         "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"textarea\", style: \"width:300px;height:60px;\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "emptyText",
         "type" : "String",
         "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
         "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "grow",
         "type" : "Boolean",
         "desc" : "True if this field should automatically grow and shrink to its content",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "growMax",
         "type" : "Number",
-        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "The maximum height to allow when grow = true (defaults to 1000)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "growMin",
         "type" : "Number",
-        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "The minimum height to allow when grow = true (defaults to 60)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preventScrollbars",
+        "type" : "Boolean",
+        "desc" : "True to prevent scrollbars from appearing regardless of how much text is\nin the field (equivalent to setting overflow: hidden, defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "autoSize",
         "type" : "function",
-        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
+        "desc" : "Automatically grows the field to accomodate the height of the text up to the maximum field height allowed.\nThis only takes effect if grow = true, and fires the autosize event if the height changes.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.form.FCKeditor"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.HtmlEditor" : {
+  "Roo.form.TextField" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowComments",
-        "type" : "boolean",
-        "desc" : "- default false - allow comments in HTML source - by default they are stripped - if you are editing email you may need this.",
-        "memberOf" : ""
+        "name" : "allowBlank",
+        "type" : "Boolean",
+        "desc" : "False to validate that the value length > 0 (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "blacklist",
-        "type" : "Array",
-        "desc" : "of html tags - in addition to standard blacklist.",
-        "memberOf" : ""
+        "name" : "allowLeadingSpace",
+        "type" : "Boolean",
+        "desc" : "True to prevent the stripping of leading white space",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "clearUp",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
+        "name" : "autoCreate",
+        "type" : "String/Object",
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "blankText",
+        "type" : "String",
+        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableKeyFilter",
+        "type" : "Boolean",
+        "desc" : "True to disable input keystroke filtering (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fieldClass",
+        "type" : "String",
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "focusClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grow",
+        "type" : "Boolean",
+        "desc" : "True if this field should automatically grow and shrink to its content",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMax",
+        "type" : "Number",
+        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "growMin",
+        "type" : "Number",
+        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
-        "desc" : "(in pixels)",
-        "memberOf" : ""
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "inputType",
+        "type" : "String",
+        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "invalidText",
+        "type" : "String",
+        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maskRe",
+        "type" : "String",
+        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLength",
+        "type" : "Number",
+        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLength",
+        "type" : "Number",
+        "desc" : "Minimum input field length required (defaults to 0)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minLengthText",
+        "type" : "String",
+        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "msgFx",
+        "type" : "String",
+        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "resizable",
+        "name" : "regex",
+        "type" : "RegExp",
+        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "regexText",
         "type" : "String",
-        "desc" : "'s' or 'se' or 'e' - wrapps the element in a\n                       Roo.resizable.",
-        "memberOf" : ""
+        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "stylesheets",
-        "type" : "Array",
-        "desc" : "url of stylesheets. set to [] to disable stylesheets.",
-        "memberOf" : ""
+        "name" : "selectOnFocus",
+        "type" : "Boolean",
+        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbars",
-        "type" : "Array",
-        "desc" : "Array of toolbars. - defaults to just the Standard one",
-        "memberOf" : ""
+        "name" : "validateOnBlur",
+        "type" : "Boolean",
+        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "validator",
+        "type" : "Function",
+        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "whitelist",
-        "type" : "Array",
-        "desc" : "of html tags - in addition to statndard whitelist",
-        "memberOf" : ""
+        "name" : "vtype",
+        "type" : "String",
+        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
-        "desc" : "(in pixels)",
-        "memberOf" : ""
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activate",
+        "name" : "autosize",
         "type" : "function",
-        "desc" : "Fires when the editor is first receives the focus. Any insertion must wait\nuntil after this event.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
+        "sig" : "function (_self, width)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
+            "type" : "Roo.form.Field",
+            "desc" : "This text field",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "autosave",
-        "type" : "function",
-        "desc" : "Auto save the htmlEditor value as a file into Events",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new field width",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforepush",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires before the iframe editor is updated with content from the textarea. Return false\nto cancel the push.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "html",
-            "type" : "String",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "blur",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires when this field loses input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforesync",
+        "name" : "change",
         "type" : "function",
-        "desc" : "Fires before the textarea is updated with content from the editor iframe. Return false\nto cancel the sync.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires just before the field blurs if the field value has changed.",
+        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
+            "name" : "newValue",
+            "type" : "Mixed",
+            "desc" : "The new value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldValue",
+            "type" : "Mixed",
+            "desc" : "The original value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "editmodechange",
-        "type" : "function",
-        "desc" : "Fires when the editor switches edit modes",
-        "sig" : "function (_self, sourceEdit)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "sourceEdit",
-            "type" : "Boolean",
-            "desc" : "True if source edit, false if standard editing.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "editorevent",
-        "type" : "function",
-        "desc" : "Fires when on any editor (mouse up/down cursor movement etc.) - used for toolbar hooks.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "enable",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "firstfocus",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Fires when on first focus - needed by toolbars..",
+        "desc" : "Fires when this field receives input focus.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "initialize",
-        "type" : "function",
-        "desc" : "Fires when the editor is fully initialized (including the iframe)",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "invalid",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "move",
-        "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "push",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Fires when the iframe editor is updated with content from the textarea.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
-      {
-        "name" : "savedpreview",
-        "type" : "function",
-        "desc" : "preview the saved version of htmlEditor",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
       {
         "name" : "specialkey",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function ()\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "stylesheetsclick",
-        "type" : "function",
-        "desc" : "Fires when press the Sytlesheets button",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.HtmlEditorCore",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "sync",
-        "type" : "function",
-        "desc" : "Fires when the textarea is updated with content from the editor iframe.",
-        "sig" : "function (_self, html)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.form.Field",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "HtmlEditor",
+            "type" : "Roo.form.Field",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "html",
-            "type" : "String",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event object",
             "isOptional" : false
           }
         ],
           }
         ]
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "clearInvalid",
         "type" : "function",
-        "desc" : "Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide",
+        "desc" : "Clear any invalid styles/messages for this field",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "createToolbar",
-        "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
-        "sig" : "(editor)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "editor",
-            "type" : "HtmlEditor",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
       {
         "name" : "markInvalid",
         "type" : "function",
-        "desc" : "Overridden and disabled. The editor element does not support standard valid/invalid marking. @hide",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Mark this field as invalid",
+        "sig" : "(msg)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "msg",
+            "type" : "String",
+            "desc" : "The validation message",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
-        "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPagePosition",
-        "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPosition",
-        "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setSize",
-        "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "toggleSourceEdit",
-        "type" : "function",
-        "desc" : "Toggles the editor between standard and source edit mode.",
-        "sig" : "(sourceEdit)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "sourceEdit",
-            "type" : "Boolean",
-            "desc" : "(optional) True for source edit, false for standard",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.HtmlEditor.ToolbarContext" : {
-    "props" : [
-      {
-        "name" : "disable",
-        "type" : "Object",
-        "desc" : "List of toolbar elements to disable",
-        "memberOf" : ""
-      },
-      {
-        "name" : "styles",
-        "type" : "Object",
-        "desc" : "List of styles \n   eg. { '*' : [ 'headline' ] , 'TD' : [ 'underline', 'double-underline' ] } \n\nThese must be defined in the page, so they get rendered correctly..\n.headline { }\nTD.underline { }",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "updateToolbar",
-        "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor.\n\nNote you can force an update by calling on('editorevent', scope, false)",
-        "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,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.HtmlEditor.ToolbarStandard" : {
-    "props" : [
-      {
-        "name" : "btns",
-        "type" : "Array",
-        "desc" : "List of additional buttons.\n\n\nNEEDS Extra CSS? \n.x-html-editor-tb .x-edit-none .x-btn-text { background: none; }",
-        "memberOf" : ""
-      },
-      {
-        "name" : "createLinkText",
-        "type" : "String",
-        "desc" : "The default text for the create link prompt",
-        "memberOf" : ""
-      },
-      {
-        "name" : "defaultFont",
-        "type" : "String",
-        "desc" : "default font to use.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "defaultLinkValue",
-        "type" : "String",
-        "desc" : "The default value for the create link prompt (defaults to http:/ /)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disable",
-        "type" : "Object",
-        "desc" : "List of elements to disable..",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fontFamilies",
-        "type" : "Array",
-        "desc" : "An array of available font families",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "updateToolbar",
-        "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It triggers\na toolbar update by reading the markup state of the current selection in the editor.",
-        "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,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.Layout" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "clear",
-        "type" : "Boolean",
-        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideLabels",
-        "type" : "Boolean",
-        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelSeparator",
-        "type" : "String",
-        "desc" : "The separator to use after field labels (defaults to ':')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "style",
-        "type" : "String/Object/Function",
-        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addxtype",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
-        "sig" : "(config)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "resetHasChanged",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "stores the current value in loadedValue",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "selectText",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Selects text in this field",
+        "sig" : "(start, end)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "start",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "isOptional" : false
+          },
+          {
+            "name" : "end",
+            "type" : "Number",
+            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "setPagePosition",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "setPosition",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "setRawValue",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "setSize",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "setValue",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to set",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
         "memberOf" : "Roo.Component",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "on",
-        "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "syncSize",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Removes a listener",
+        "desc" : "Removes a listener (shorthand for removeListener)",
         "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "updateBox",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.BoxComponent",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "validate",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Validates the field value",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.form.Field",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "disabled",
+            "name" : "",
             "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
+            "desc" : "True if the value is valid, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "validateValue",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
+        "sig" : "(value)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The value to validate",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the value is valid, else false"
           }
         ]
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.form.Column",
-      "Roo.form.FieldSet",
-      "Roo.form.Row"
-    ],
-    "tree_children" : [
-      "Roo.form.Column",
-      "Roo.form.Row",
-      "Roo.form.Field",
-      "Roo.form.Checkbox",
       "Roo.form.ComboBox",
       "Roo.form.ComboBoxArray",
       "Roo.form.ComboCheck",
       "Roo.form.ComboNested",
       "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
       "Roo.form.FCKeditor",
-      "Roo.form.GridField",
       "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
       "Roo.form.MonthField",
       "Roo.form.NumberField",
-      "Roo.form.Radio",
       "Roo.form.Select",
-      "Roo.form.Signature",
       "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TriggerField",
-      "Roo.Button",
-      "Roo.SplitButton",
-      "Roo.Toolbar.Button",
-      "Roo.Toolbar.SplitButton",
-      "Roo.form.TextItem"
+      "Roo.form.TriggerField"
     ],
+    "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.MonthField" : {
+  "Roo.form.TextItem" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "altFormats",
-        "type" : "String",
-        "desc" : "Multiple date formats separated by \"|\" to try when parsing a user input value and it doesn't match the defined\nformat (defaults to 'm/d/Y|m-d-y|m-d-Y|m/d|m-d|d').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"10\", autocomplete: \"off\"})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "disabledDates",
-        "type" : "Array",
-        "desc" : "An array of \"dates\" to disable, as strings. These strings will be used to build a dynamic regular\nexpression so they are very powerful. Some examples:\n<ul>\n<li>[\"03/08/2003\", \"09/16/2003\"] would disable those exact dates</li>\n<li>[\"03/08\", \"09/16\"] would disable those days for every year</li>\n<li>[\"^03/08\"] would only match the beginning (useful if you are using short years)</li>\n<li>[\"03/../2006\"] would disable every day in March 2006</li>\n<li>[\"^03\"] would disable every day in every March</li>\n</ul>\nIn order to support regular expressions, if you are using a date format that has \".\" in it, you will have to\nescape the dot when restricting dates. For example: [\"03\\\\.08\\\\.03\"].",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDatesText",
-        "type" : "String",
-        "desc" : "The tooltip text to display when the date falls on a disabled date (defaults to 'Disabled')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDays",
-        "type" : "Array",
-        "desc" : "An array of days to disable, 0 based. For example, [0, 6] disables Sunday and Saturday (defaults to null).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disabledDaysText",
-        "type" : "String",
-        "desc" : "The tooltip to display when the date falls on a disabled day (defaults to 'Disabled')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "format",
-        "type" : "String",
-        "desc" : "The default date format string which can be overriden for localization support.  The format must be\nvalid according to {@link Date#parseDate} (defaults to 'm/d/y').",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.form.TriggerField"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "invalidText",
+        "name" : "html",
         "type" : "String",
-        "desc" : "The error text to display when the date in the field is invalid (defaults to\n'{value} is not a valid date - it must be in the format {format}').",
-        "memberOf" : ""
+        "desc" : "the content for this item",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxTextf",
-        "type" : "String",
-        "desc" : "The error text to display when the date in the cell is after maxValue (defaults to\n'The date in this field must be before {maxValue}').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxValue",
-        "type" : "Date/String",
-        "desc" : "The maximum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minText",
-        "type" : "String",
-        "desc" : "The error text to display when the date in the cell is before minValue (defaults to\n'The date in this field must be after {minValue}').",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minValue",
-        "type" : "Date/String",
-        "desc" : "The minimum allowed date. Can be either a Javascript date object or a string date in a\nvalid format (defaults to null).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "triggerClass",
+        "name" : "style",
         "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-date-trigger'\nwhich displays a calendar icon).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "useIso",
-        "type" : "Boolean",
-        "desc" : "if enabled, then the date field will use a hidden field to store the \nreal value as iso formated date. default (true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "vtype",
+        "name" : "tag",
         "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "the tag for this item (default div)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
-      {
-        "name" : "autosize",
-        "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
-        "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "hide",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "keyup",
-        "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "move",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "select",
-        "type" : "function",
-        "desc" : "Fires when a date is selected",
-        "sig" : "function (combo, date)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "combo",
-            "type" : "Roo.form.MonthFieeld",
-            "desc" : "This combo box",
-            "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The date selected",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "show",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       }
     ],
     "methods" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "applyTo",
-        "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "destroy",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "name The field name"
-          }
-        ]
-      },
       {
         "name" : "getPosition",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
       {
         "name" : "getSize",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the current date value of the date field.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Date",
-            "desc" : "The date value"
-          }
-        ]
-      },
-      {
-        "name" : "hasChanged",
-        "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "hasListener",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "isDirty",
-        "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isValid",
-        "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
       {
         "name" : "isVisible",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "markInvalid",
-        "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
-        "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "selectText",
-        "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setSize",
         "type" : "function",
           }
         ]
       },
-      {
-        "name" : "setValue",
-        "type" : "function",
-        "desc" : "Sets the value of the date field.  You can pass a date object or any string that can be parsed into a valid\ndate, using MonthField.format as the date format, according to the same rules as {@link Date#parseDate}\n(the default format used is \"m/d/y\").\n<br />Usage:\n<pre><code>\n//All of these calls set the same date value (May 4, 2006)\n\n//Pass a date object:\nvar dt = new Date('5/4/06');\nmonthField.setValue(dt);\n\n//Pass a date string (default format):\nmonthField.setValue('5/4/06');\n\n//Pass a date string (custom format):\nmonthField.format = 'Y-m-d';\nmonthField.setValue('2006-5-4');\n</code></pre>",
-        "sig" : "(date)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "date",
-            "type" : "String/Date",
-            "desc" : "The date or valid date string",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisible",
         "type" : "function",
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.NumberField" : {
+  "Roo.form.TriggerField" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowBlank",
         "type" : "Boolean",
         "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "allowDecimals",
-        "type" : "Boolean",
-        "desc" : "False to disallow decimal values (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowLeadingSpace",
         "type" : "Boolean",
         "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "allowNegative",
-        "type" : "Boolean",
-        "desc" : "False to prevent entering a negative sign (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autoCreate",
         "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"16\", autocomplete: \"off\"})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "blankText",
         "type" : "String",
         "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "decimalPrecision",
-        "type" : "Number",
-        "desc" : "The maximum precision to display after the decimal separator (defaults to 2)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "decimalSeparator",
-        "type" : "String",
-        "desc" : "Character(s) to allow as the decimal separator (defaults to '.')",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableKeyFilter",
         "type" : "Boolean",
         "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "emptyText",
         "type" : "String",
         "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldClass",
         "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field x-form-num-field\")",
-        "memberOf" : ""
+        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "fieldLabel",
         "type" : "String",
         "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "focusClass",
         "type" : "String",
         "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "True if this field should automatically grow and shrink to its content",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "height",
         "type" : "Number",
         "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideTrigger",
+        "type" : "Boolean",
+        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "inputType",
         "type" : "String",
         "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidClass",
         "type" : "String",
         "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "invalidText",
         "type" : "String",
         "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "labelSeparator",
+        "type" : "String",
+        "desc" : "the ':' after a field label (default :)  = set it to empty string to hide the field label.",
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maskRe",
         "type" : "String",
         "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLength",
         "type" : "Number",
         "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxLengthText",
         "type" : "String",
         "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum value validation fails (defaults to \"The maximum value for this field is {maxValue}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxValue",
-        "type" : "Number",
-        "desc" : "The maximum allowed value (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLength",
         "type" : "Number",
         "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "minLengthText",
         "type" : "String",
         "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum value validation fails (defaults to \"The minimum value for this field is {minValue}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minValue",
-        "type" : "Number",
-        "desc" : "The minimum allowed value (defaults to Number.NEGATIVE_INFINITY)",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgFx",
         "type" : "String",
         "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "msgTarget",
         "type" : "String",
         "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "name",
         "type" : "String",
         "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "nanText",
-        "type" : "String",
-        "desc" : "Error text to display if the value is not a valid number.  For example, this can happen\nif a valid character like '.' or '-' is left in the field with no number (defaults to \"{value} is not a valid number\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "readOnly",
         "type" : "Boolean",
         "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regex",
         "type" : "RegExp",
         "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "regexText",
         "type" : "String",
         "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selectOnFocus",
         "type" : "Boolean",
         "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tabIndex",
         "type" : "Number",
         "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "triggerClass",
+        "type" : "String",
+        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validateOnBlur",
         "type" : "Boolean",
         "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationDelay",
         "type" : "Number",
         "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validationEvent",
         "type" : "String/Boolean",
         "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "validator",
         "type" : "Function",
         "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.form.Field",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "vtype",
         "type" : "String",
         "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.form.TextField",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "width",
         "type" : "Number",
         "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
         "name" : "autoSize",
         "type" : "function",
-        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
+        "desc" : "",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ],
         "returns" : []
       },
+      {
+        "name" : "onTriggerClick",
+        "type" : "function",
+        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
+        "sig" : "(e)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.form.ComboBox",
+      "Roo.form.ComboCheck",
+      "Roo.form.ComboNested",
+      "Roo.form.DateField",
+      "Roo.form.MonthField",
+      "Roo.form.Select"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.Radio" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"checkbox\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.Checkbox"
-      },
-      {
-        "name" : "boxLabel",
-        "type" : "String",
-        "desc" : "The text that appears beside the checkbox",
-        "memberOf" : "Roo.form.Checkbox"
-      },
-      {
-        "name" : "checked",
-        "type" : "Boolean",
-        "desc" : "True if the the checkbox should render already checked (defaults to false)",
-        "memberOf" : "Roo.form.Checkbox"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the checkbox (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Checkbox"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the checkbox receives focus (defaults to undefined)",
-        "memberOf" : "Roo.form.Checkbox"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "inputValue",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value attribute",
-        "memberOf" : "Roo.form.Checkbox"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "valueOff",
-        "type" : "String",
-        "desc" : "The value that should go into the generated input element's value when unchecked.",
-        "memberOf" : "Roo.form.Checkbox"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
+  "Roo.form.VTypes" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "blur",
+        "name" : "alpha",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "The function used to validate alpha values",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "alphanum",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "The function used to validate alphanumeric values",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "check",
+        "name" : "email",
         "type" : "function",
-        "desc" : "Fires when the checkbox is checked or unchecked.",
-        "sig" : "function (_self, checked)\n{\n\n}",
-        "memberOf" : "Roo.form.Checkbox",
+        "desc" : "The function used to validate email addresses",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Checkbox",
-            "desc" : "This checkbox",
-            "isOptional" : false
-          },
-          {
-            "name" : "checked",
-            "type" : "Boolean",
-            "desc" : "The new checked value",
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The email address",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "url",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The function used to validate URLs",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The URL",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "urlWeb",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The funciton used to validate URLs (only allow schemes 'https' and 'http')",
+        "sig" : "(v)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "v",
+            "type" : "String",
+            "desc" : "The URL",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.AbstractGridView" : {
+    "props" : [
       {
-        "name" : "enable",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "invalid",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "keyup",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "move",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "specialkey",
+        "name" : "setCSSStyle",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Set a css style for a column dynamically.",
+        "sig" : "(colIndex, name, value)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "The index of the column",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "name",
+            "type" : "String",
+            "desc" : "The css property name",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "The css value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "valid",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       }
     ],
+    "isAbstract" : true,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.AbstractSelectionModel" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         ],
         "returns" : []
       },
-      {
-        "name" : "applyTo",
-        "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "getBox",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Returns true if the selections are locked.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "local",
+            "name" : "",
             "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "lock",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Locks the selections.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getGroupValue",
+        "name" : "on",
         "type" : "function",
-        "desc" : "If this radio is part of a group, it will return the selected value",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : ""
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getName",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "name The field name"
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getPosition",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRawValue",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "desc" : "Unlocks the selections.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
+        "returns" : []
+      }
+    ],
+    "isAbstract" : true,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.grid.CellSelectionModel",
+      "Roo.grid.RowSelectionModel"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.Calendar" : {
+    "props" : [
+      {
+        "name" : "autoExpandColumn",
+        "type" : "String",
+        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoExpandMax",
+        "type" : "Number",
+        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoExpandMin",
+        "type" : "Number",
+        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoHeight",
+        "type" : "Boolean",
+        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoSizeColumns",
+        "type" : "Boolean",
+        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoSizeHeaders",
+        "type" : "Boolean",
+        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoWidth",
+        "type" : "Boolean",
+        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cm[]",
+        "type" : "Roo.grid.ColumnModel",
+        "desc" : "The columns of the grid",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ddGroup",
+        "type" : "String",
+        "desc" : "- drag drop group.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ddText",
+        "type" : "String",
+        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dragGroup",
+        "type" : "String",
+        "desc" : "- drag group (?? not sure if needed.)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropTarget",
+        "type" : "Roo.dd.DropTarget",
+        "desc" : "An {@link Roo.dd.DropTarget} config",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ds",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store for the grid",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableColumnHide",
+        "type" : "Boolean",
+        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableColumnMove",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableDrag",
+        "type" : "Boolean",
+        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableDragDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop of rows. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableRowHeightSync",
+        "type" : "Boolean",
+        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "eventStore",
+        "type" : "Store",
+        "desc" : "The store that loads events.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "footer",
+        "type" : "Roo.PagingToolbar",
+        "desc" : "the paging toolbar",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Object",
+        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxRowsToMeasure",
+        "type" : "Boolean",
+        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minColumnWidth",
+        "type" : "Number",
+        "desc" : "The minimum width a column can be resized to. Default is 25.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monitorWindowResize",
+        "type" : "Boolean",
+        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Roo.grid.AbstractSelectionModel",
+        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sortColMenu",
+        "type" : "boolean",
+        "desc" : "Sort the column order menu when it shows (usefull for long lists..) default false",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "stripeRows",
+        "type" : "Boolean",
+        "desc" : "True to stripe the rows.  Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "a toolbar for buttons etc.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "getSize",
+        "name" : "trackMouseOver",
+        "type" : "Boolean",
+        "desc" : "True to highlight rows when the mouse is over. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "view",
+        "type" : "Roo.grid.GridView",
+        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "bodyscroll",
         "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the body element is scrolled",
+        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "name" : "scrollLeft",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollTop",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getValue",
+        "name" : "cellclick",
         "type" : "function",
-        "desc" : "Returns the checked state of the checkbox.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Checkbox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a cell is clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if checked, else false"
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasChanged",
+        "name" : "cellcontextmenu",
         "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a cell is right clicked",
+        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "cellIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "celldblclick",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a cell is double clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isDirty",
+        "name" : "columnmove",
         "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the user moves a column",
+        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "oldIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "isValid",
+        "name" : "columnresize",
         "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the user resizes a column",
+        "sig" : "function (columnIndex, newSize)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "contextmenu",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw contextmenu event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "markInvalid",
+        "name" : "dblclick",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw dblclick event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "dragdrop",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onPosition",
+        "name" : "dragenter",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onResize",
+        "name" : "dragout",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
+        "name" : "dragover",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "enddrag",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a drag operation is complete",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "eventclick",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse click an",
+        "sig" : "function (_self, )\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "this",
+            "type" : "Calendar",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "",
+            "type" : "event",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
-        "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
+        "name" : "evententer",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when mouse over an event",
+        "sig" : "function (_self, Event)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "this",
+            "type" : "Calendar",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "Event",
+            "type" : "event",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setPagePosition",
+        "name" : "eventleave",
         "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse leaves an",
+        "sig" : "function (_self, )\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "this",
+            "type" : "Calendar",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "",
+            "type" : "event",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPosition",
+        "name" : "eventrender",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before each cell is rendered, so you can modify the contents, like cls / title / qtip",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
+            "name" : "this",
+            "type" : "Calendar",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
+            "name" : "data",
+            "type" : "data",
+            "desc" : "to be modified",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setRawValue",
+        "name" : "headerclick",
         "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a header is clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "headercontextmenu",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a header is right clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "height",
+            "name" : "columnIndex",
             "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "headerdblclick",
         "type" : "function",
-        "desc" : "Sets the checked state of the checkbox.\nOn is always based on a string comparison between inputValue and the param.",
-        "sig" : "(value, suppressEvent)",
-        "static" : false,
-        "memberOf" : "Roo.form.Checkbox",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a header cell is double clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Boolean/String",
-            "desc" : "- the value to set",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "suppressEvent",
-            "type" : "Boolean/String",
-            "desc" : "- whether to suppress the checkchange event.",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "keydown",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw keydown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "keypress",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw keypress event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "monthchange",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the displayed month changes",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "this",
+            "type" : "DatePicker",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected month",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "updateBox",
+        "name" : "mousedown",
         "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mousedown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "validate",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mouseout event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.Row" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec used to autocreate the layout (defaults to {tag: 'div', cls: 'x-form-ct'})",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "clear",
-        "type" : "Boolean",
-        "desc" : "True to add a clearing element at the end of this layout, equivalent to CSS clear: both (defaults to true)",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "height",
-        "type" : "Number/String",
-        "desc" : "The fixed height of the column in pixels or CSS value (defaults to \"auto\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideLabels",
-        "type" : "Boolean",
-        "desc" : "True to suppress the display of field labels in this layout (defaults to false)",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "labelAlign",
-        "type" : "String",
-        "desc" : "Valid values are \"left,\" \"top\" and \"right\" (defaults to \"left\")",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "labelSeparator",
-        "type" : "String",
-        "desc" : "The separator to use after field labels (defaults to ':')",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "labelWidth",
-        "type" : "Number",
-        "desc" : "Fixed width in pixels of all field labels (defaults to undefined)",
-        "memberOf" : "Roo.form.Layout"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "style",
-        "type" : "String/Object/Function",
-        "desc" : "A style specification string, e.g. \"width:100px\", or object in the form {width:\"100px\"}, or\na function which returns such a specification.",
-        "memberOf" : "Roo.form.Layout"
+        ],
+        "returns" : []
       },
       {
-        "name" : "width",
-        "type" : "Number/String",
-        "desc" : "The fixed width of the column in pixels or CSS value (defaults to \"auto\")",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw mouseover event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "mouseup",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw mouseup event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the grid is rendered",
+        "sig" : "function (grid)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "grid",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "rowclass",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
+        "sig" : "function (gridview, rowcfg)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "gridview",
+            "type" : "GridView",
+            "desc" : "The grid view",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowcfg",
+            "type" : "Object",
+            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "rowclick",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a row is clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "rowcontextmenu",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a row is right clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "rowdblclick",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a row is double clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a date is selected",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "DatePicker",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected date",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "startdrag",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when row(s) start being dragged",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
+            "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "show",
+        "name" : "addColumns",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "addColumns\nAdd's a column, default at the end..",
+        "sig" : "(position, of)",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "position",
+            "type" : "int",
+            "desc" : "to add (default end)",
+            "isOptional" : false
+          },
+          {
+            "name" : "of",
+            "type" : "Array",
+            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "addxtype",
+        "name" : "autoSize",
         "type" : "function",
-        "desc" : "Adds a object form elements (using the xtype property as the factory method.)\nValid xtypes are:  TextField, TextArea .... Button, Layout, FieldSet, Column",
-        "sig" : "(config)",
+        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Layout",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Destroy this grid.",
+        "sig" : "(removeEl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "True to remove the element",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getColumnModel",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Returns the grid's ColumnModel.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "ColumnModel",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getDataSource",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the grid's DataSource.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "DataSource",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getDragDropText",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.\nOverride this to put something different in the dragged text.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getGridEl",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns the grid's underlying element.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getSelectionModel",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns the grid's SelectionModel.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "SelectionModel",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "getView",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Returns the grid's GridView object.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "GridView",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "on",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Show this component.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "un",
-        "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [
-      "Roo.form.Column",
-      "Roo.form.Row",
-      "Roo.form.Field",
-      "Roo.form.Checkbox",
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.DayPicker",
-      "Roo.form.DisplayField",
-      "Roo.form.FCKeditor",
-      "Roo.form.GridField",
-      "Roo.form.Hidden",
-      "Roo.form.HtmlEditor",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Radio",
-      "Roo.form.Select",
-      "Roo.form.Signature",
-      "Roo.form.TextArea",
-      "Roo.form.TextField",
-      "Roo.form.TriggerField",
-      "Roo.Button",
-      "Roo.SplitButton",
-      "Roo.Toolbar.Button",
-      "Roo.Toolbar.SplitButton",
-      "Roo.form.TextItem"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.form.Select" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allQuery",
-        "type" : "String",
-        "desc" : "The text query to send to the server to return all records for the list with no filtering (defaults to '')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "alwaysQuery",
-        "type" : "Boolean",
-        "desc" : "Disable caching of results, and always send query",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "Boolean/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to:\n{tag: \"input\", type: \"text\", size: \"24\", autocomplete: \"off\"})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "blockFocus",
-        "type" : "Boolean",
-        "desc" : "Prevents all focus calls, so it can work with things like HTML edtor bar",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "defaultValue",
-        "type" : "String",
-        "desc" : "The value displayed after loading the store.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClear",
-        "type" : "Boolean",
-        "desc" : "Disable showing of clear button.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "displayField",
-        "type" : "String",
-        "desc" : "The underlying data field name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'text' if mode = 'local')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "editable",
-        "type" : "Boolean",
-        "desc" : "False to prevent the user from typing text directly into the field, just like a\ntraditional select (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "forceSelection",
-        "type" : "Boolean",
-        "desc" : "True to restrict the selected value to one of the values in the list, false to\nallow the user to set arbitrary text into the field (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "",
-        "memberOf" : ""
-      },
-      {
-        "name" : "handleHeight",
-        "type" : "Number",
-        "desc" : "The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hiddenName",
-        "type" : "String",
-        "desc" : "If specified, a hidden form field with this name is dynamically generated to store the\nfield's data value (defaults to the underlying DOM element's name)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : "Roo.form.TriggerField"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "lazyRender",
-        "type" : "Boolean",
-        "desc" : "True to prevent the ComboBox from rendering until requested (should always be used when\nrendering into an Roo.Editor, defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listAlign",
-        "type" : "String",
-        "desc" : "A valid anchor position value. See {@link Roo.Element#alignTo} for details on supported\nanchor positions (defaults to 'tl-bl')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listClass",
-        "type" : "String",
-        "desc" : "CSS class to apply to the dropdown list element (defaults to '')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listWidth",
-        "type" : "Number",
-        "desc" : "The width in pixels of the dropdown list (defaults to the width of the ComboBox field)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadingText",
-        "type" : "String",
-        "desc" : "The text to display in the dropdown list while data is loading.  Only applies\nwhen mode = 'remote' (defaults to 'Loading...')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minChars",
-        "type" : "Number",
-        "desc" : "The minimum number of characters the user must type before autocomplete and typeahead activate\n(defaults to 4, does not apply if editable = false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minListWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if\nlistWidth has a higher value)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mode",
-        "type" : "String",
-        "desc" : "Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "pageSize",
-        "type" : "Number",
-        "desc" : "If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the\nfilter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "queryDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to delay between the start of typing and sending the\nquery to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "queryParam",
-        "type" : "String",
-        "desc" : "Name of the query as it will be passed on the querystring (defaults to 'query')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "resizable",
-        "type" : "Boolean",
-        "desc" : "True to add a resize handle to the bottom of the dropdown list (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to select any existing text in the field immediately on focus.  Only applies\nwhen editable = true (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectedClass",
-        "type" : "String",
-        "desc" : "CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\" for bottom-right",
-        "memberOf" : ""
-      },
-      {
-        "name" : "store",
-        "type" : "Roo.data.Store",
-        "desc" : "The data store to which this combo is bound (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "title",
-        "type" : "String",
-        "desc" : "If supplied, a header element is created containing this text and added into the top of\nthe dropdown list (defaults to undefined, with no header element)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tpl",
-        "type" : "String/Roo.Template",
-        "desc" : "The template to use to render the output",
-        "memberOf" : ""
-      },
-      {
-        "name" : "transform",
-        "type" : "String/HTMLElement/Element",
-        "desc" : "The id, DOM node or element of an existing select to convert to a ComboBox",
-        "memberOf" : ""
-      },
-      {
-        "name" : "triggerAction",
-        "type" : "String",
-        "desc" : "The action to execute when the trigger field is activated.  Use 'all' to run the\nquery specified by the allQuery config option (defaults to 'query')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'\nwhich displays a downward arrow icon).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "typeAhead",
-        "type" : "Boolean",
-        "desc" : "True to populate and autoselect the remainder of the text being typed after a configurable\ndelay (typeAheadDelay) if it matches a known value (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "typeAheadDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds to wait until the typeahead text is displayed\nif typeAhead = true (defaults to 250)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "valueField",
-        "type" : "String",
-        "desc" : "The underlying data value name to bind to this CombBox (defaults to undefined if\nmode = 'remote' or 'value' if mode = 'local'). \nNote: use of a valueField requires the user make a selection\nin order for a value to be mapped.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "valueNotFoundText",
-        "type" : "String",
-        "desc" : "When using a name/value combo, if the value passed to setValue is not found in\nthe store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "autosize",
-        "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "reconfigure",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
+        "sig" : "(dataSource, The)",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "dataSource",
+            "type" : "Roo.data.Store",
+            "desc" : "The new {@link Roo.data.Store} object",
+            "isOptional" : false
+          },
+          {
+            "name" : "The",
+            "type" : "Roo.grid.ColumnModel",
+            "desc" : "new {@link Roo.grid.ColumnModel} object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.grid.Grid",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "change",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.CellSelectionModel" : {
+    "props" : [
+      {
+        "name" : "enter_is_tab",
+        "type" : "Boolean",
+        "desc" : "Enter behaves the same as tab. (eg. goes to next cell) default: false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "destroy",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforeeditnext",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before the next editable sell is made active\nYou can use this to skip to another cell or fire the tabend\n   if you set cell to false",
+        "sig" : "function (eventdata)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventdata",
+            "type" : "Object",
+            "desc" : "object : { cell : [ row, col ] }",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "beforerowselect",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before a cell is selected.",
+        "sig" : "function (_self, rowIndex, colIndex)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "SelectionModel",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "The selected row index",
+            "isOptional" : false
+          },
+          {
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "The selected cell index",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "cellselect",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a cell is selected.",
+        "sig" : "function (_self, rowIndex, colIndex)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "SelectionModel",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "The selected row index",
+            "isOptional" : false
+          },
+          {
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "The selected cell index",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "selectionchange",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when the active selection changes.",
+        "sig" : "function (_self, selection)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "SelectionModel",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "selection",
+            "type" : "Object",
+            "desc" : "null for no selection or an object (o) with two properties\n\t        <ul>\n\t        <li>o.record: the record object for the row the selection is in</li>\n\t        <li>o.cell: An array of [rowIndex, columnIndex]</li>\n\t        </ul>",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "tabend",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when the tab (or enter) was pressed on the last editable cell\nYou can use this to trigger add new row.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "SelectionModel",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "invalid",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "clearSelections",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Clears all selections.",
+        "sig" : "(true)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "true",
+            "type" : "Boolean",
+            "desc" : "to prevent the gridview from being notified about the change.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "show",
+        "name" : "getSelectedCell",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns the currently selected cell,.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The selected cell (row, column) or null if none selected."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "specialkey",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "valid",
+        "name" : "hasSelection",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Returns true if there is a selection.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Returns true if the selections are locked.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.grid.AbstractSelectionModel",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
+        ]
+      },
+      {
+        "name" : "lock",
+        "type" : "function",
+        "desc" : "Locks the selections.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.grid.AbstractSelectionModel",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
         "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyTo",
+        "name" : "onEditorKey",
         "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
+        "desc" : "Selects a cell.",
+        "sig" : "(field, e)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
+            "name" : "field",
+            "type" : "Number",
+            "desc" : "(not used) - as it's normally used as a listener",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
+            "name" : "e",
+            "type" : "Number",
+            "desc" : "- event - fake it by using\n\nvar e = Roo.EventObjectImpl.prototype;\ne.keyCode = e.TAB",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "autoSize",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
         "static" : true,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
           {
             "name" : "o",
             "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "fn",
+            "name" : "handler",
             "type" : "Function",
-            "desc" : "The function to call",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Selects a cell.",
+        "sig" : "(rowIndex, collIndex)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "collIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "clearValue",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Clears any text/value currently set in the field",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "collapse",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.",
+        "desc" : "Unlocks the selections.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.grid.AbstractSelectionModel",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.ColumnModel" : {
+    "props" : [
+      {
+        "name" : "align",
+        "type" : "String",
+        "desc" : "t) Set the CSS text-align property of the column.  Defaults to undefined (left",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "cursor",
+        "type" : "String",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "auto",
+          "default",
+          "none",
+          "context-menu",
+          "help",
+          "pointer",
+          "progress",
+          "wait",
+          "cell",
+          "crosshair",
+          "text",
+          "vertical-text",
+          "alias",
+          "copy",
+          "move",
+          "no-drop",
+          "not-allowed",
+          "e-resize",
+          "n-resize",
+          "ne-resize",
+          "nw-resize",
+          "s-resize",
+          "se-resize",
+          "sw-resize",
+          "w-resize",
+          "ew-resize",
+          "ns-resize",
+          "nesw-resize",
+          "nwse-resize",
+          "col-resize",
+          "row-resize",
+          "all-scroll",
+          "zoom-in",
+          "zoom-out",
+          "grab",
+          "grabbing"
+        ]
+      },
+      {
+        "name" : "dataIndex",
+        "type" : "String",
+        "desc" : "The name of the field in the grid's {@link Roo.data.Store}'s\n{@link Roo.data.Record} definition from which to draw the column's value. If not\nspecified, the column's index is used as an index into the Record's data Array.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "editor",
+        "type" : "Roo.grid.GridEditor",
+        "desc" : "For grid editors - returns the grid editor",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fixed",
+        "type" : "Boolean",
+        "desc" : "True if the column width cannot be changed.  Defaults to false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "header",
+        "type" : "String",
+        "desc" : "The header text to display in the Grid view.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to hide the column. Defaults to false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lg",
+        "type" : "Number",
+        "desc" : "can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "lgHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Large width",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "locked",
+        "type" : "Boolean",
+        "desc" : "True to lock the column in place while scrolling the Grid.  Defaults to false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "md",
+        "type" : "Number",
+        "desc" : "can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "mdHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Medium width",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "renderer",
+        "type" : "Function",
+        "desc" : "A function used to generate HTML markup for a cell\ngiven the cell's data value. See {@link #setRenderer}. If not specified, the\ndefault renderer returns the escaped data value. If an object is returned (bootstrap only)\nthen it is treated as a Roo Component object instance, and it is rendered after the initial row is rendered",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizable",
+        "type" : "Boolean",
+        "desc" : "False to disable column resizing. Defaults to true.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Number",
+        "desc" : "can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "smHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Small width",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sortable",
+        "type" : "Boolean",
+        "desc" : "True if sorting is to be allowed on this column.\nDefaults to the value of the {@link #defaultSortable} property.\nWhether local/remote sorting is used is specified in {@link Roo.data.Store#remoteSort}.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tooltip",
+        "type" : "String",
+        "desc" : "mouse over tooltip text",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "valign",
+        "type" : "String",
+        "desc" : "e) Set the CSS vertical-align property of the column (eg. middle, top, bottom etc).  Defaults to undefined (middl",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "bottom",
+          "middle"
+        ]
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "The initial width in pixels of the column. Using this\ninstead of {@link Roo.grid.Grid#autoSizeColumns} is more efficient.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xl",
+        "type" : "Number",
+        "desc" : "can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xlHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap extra Large width",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xs",
+        "type" : "Number",
+        "desc" : "can be '0' for hidden at this size (number less than 12)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "xsHeader",
+        "type" : "String",
+        "desc" : "Header at Bootsrap Extra Small width (default for all)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "columlockchange",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires when a column's locked state is changed",
+        "sig" : "function (_self, colIndex, locked)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "ColumnModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "locked",
+            "type" : "Boolean",
+            "desc" : "true if locked",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "columnmoved",
+        "type" : "function",
+        "desc" : "Fires when a column is moved.",
+        "sig" : "function (_self, oldIndex, newIndex)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "ColumnModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "headerchange",
+        "type" : "function",
+        "desc" : "Fires when the text of a header changes.",
+        "sig" : "function (_self, columnIndex, newText)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "ColumnModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "newText",
+            "type" : "Number",
+            "desc" : "The new header text",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hiddenchange",
+        "type" : "function",
+        "desc" : "Fires when a column is hidden or \"unhidden\".",
+        "sig" : "function (_self, columnIndex, hidden)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "ColumnModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "hidden",
+            "type" : "Boolean",
+            "desc" : "true if hidden, false otherwise",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "widthchange",
+        "type" : "function",
+        "desc" : "Fires when the width of a column changes.",
+        "sig" : "function (_self, columnIndex, newWidth)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "ColumnModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "newWidth",
+            "type" : "Number",
+            "desc" : "The new width",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addColumn",
+        "type" : "function",
+        "desc" : "Add a column (experimental...) - defaults to adding to the end..",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "doQuery",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the\nquery allowing the query action to be canceled if needed.",
-        "sig" : "(query, forceAll)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "query",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The SQL query to execute",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "forceAll",
-            "type" : "Boolean",
-            "desc" : "True to force the query to execute even if there are currently fewer characters\nin the field than the minimum specified by the minChars config option.  It also clears any filter previously\nsaved in the current store (defaults to false)",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "expand",
+        "name" : "findColumnIndex",
         "type" : "function",
-        "desc" : "Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the index for a specified column dataIndex.",
+        "sig" : "(dataIndex)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "dataIndex",
+            "type" : "String",
+            "desc" : "The column dataIndex",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "the index, or -1 if not found"
+          }
+        ]
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getCellEditor",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Returns the editor defined for the cell/column.\nreturn false or null to disable editing.",
+        "sig" : "(colIndex, rowIndex)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "The row index",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Object",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getBox",
+        "name" : "getColumnByDataIndex",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Returns the column Object for a specified dataIndex.",
+        "sig" : "(dataIndex)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "dataIndex",
+            "type" : "String",
+            "desc" : "The column dataIndex",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object|Boolean",
+            "desc" : "the column or false if not found"
+          }
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "getColumnById",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the column for a specified id.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The column id",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Object",
+            "desc" : "the column"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getColumnCount",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the number of columns.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Number",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getName",
+        "name" : "getColumnHeader",
         "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the header for the specified column.",
+        "sig" : "(col)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
             "type" : "String",
-            "desc" : "name The field name"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "getColumnId",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Returns the id of the column at the specified index.",
+        "sig" : "(index)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
+            "type" : "String",
+            "desc" : "the id"
           }
         ]
       },
       {
-        "name" : "getRawValue",
+        "name" : "getColumnTooltip",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the tooltip for the specified column.",
+        "sig" : "(col)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getSize",
+        "name" : "getColumnWidth",
         "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the width for the specified column.",
+        "sig" : "(col, (optional))",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "(optional)",
+            "type" : "",
+            "desc" : "{String} gridSize bootstrap width size.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "getColumnsBy",
         "type" : "function",
-        "desc" : "Returns the currently selected field value or empty string if no value is set.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the column configs that return true by the passed function that is called with (columnConfig, index)",
+        "sig" : "(fn, scope)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "value The selected value"
+            "type" : "Array",
+            "desc" : "result"
           }
         ]
       },
       {
-        "name" : "hasChanged",
+        "name" : "getDataIndex",
         "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the dataIndex for the specified column.",
+        "sig" : "(col)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "hasListener",
+        "name" : "getIndexById",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns the index for a specified column id.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "id",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "The column id",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Number",
+            "desc" : "the index, or -1 if not found"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getRenderer",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the rendering (formatting) function defined for the column.",
+        "sig" : "(col)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index.",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Function",
+            "desc" : "The function used to render the cell. See {@link #setRenderer}."
           }
         ]
       },
       {
-        "name" : "isDirty",
+        "name" : "getTotalWidth",
         "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the total width of all columns.",
+        "sig" : "(includeHidden)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "includeHidden",
+            "type" : "Boolean",
+            "desc" : "True to include hidden column widths",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "isExpanded",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns true if the dropdown list is expanded, else false.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "isValid",
+        "name" : "isCellEditable",
         "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
+        "desc" : "Returns true if the cell is editable.",
+        "sig" : "(colIndex, rowIndex)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "The row index - this is nto actually used..?",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "isFixed",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Returns true if the column width cannot be changed",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "markInvalid",
+        "name" : "isHidden",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Returns true if the column is hidden.",
+        "sig" : "(colIndex)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "on",
+        "name" : "isResizable",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Returns true if the column can be resized",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onPosition",
+        "name" : "isSortable",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
+        "desc" : "Returns true if the specified column is sortable.",
+        "sig" : "(col)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
+            "name" : "col",
             "type" : "Number",
-            "desc" : "The new y position",
+            "desc" : "The column index",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "onResize",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "onTriggerClick",
-        "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.form.TriggerField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
-        "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "select",
+        "name" : "setColumnHeader",
         "type" : "function",
-        "desc" : "Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(index, scrollIntoView)",
+        "desc" : "Sets the header for a column.",
+        "sig" : "(col, header)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
+            "name" : "col",
             "type" : "Number",
-            "desc" : "The zero-based index of the list item to select",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "name" : "header",
+            "type" : "String",
+            "desc" : "The new header",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "selectByValue",
+        "name" : "setColumnTooltip",
         "type" : "function",
-        "desc" : "Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.\nThe store must be loaded and the list expanded for this function to work, otherwise use setValue.",
-        "sig" : "(value, scrollIntoView)",
+        "desc" : "Sets the tooltip for a column.",
+        "sig" : "(col, tooltip)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The data value of the item to select",
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "scrollIntoView",
-            "type" : "Boolean",
-            "desc" : "False to prevent the dropdown list from autoscrolling to display the\nselected item if it is not currently in view (defaults to true)",
+            "name" : "tooltip",
+            "type" : "String",
+            "desc" : "The new tooltip",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value matched an item in the list, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "selectText",
+        "name" : "setColumnWidth",
         "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
+        "desc" : "Sets the width for a column.",
+        "sig" : "(col, width)",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "start",
+            "name" : "col",
             "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "end",
+            "name" : "width",
             "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setEditable",
-        "type" : "function",
-        "desc" : "Allow or prevent the user from directly editing the field text.  If false is passed,\nthe user will only be able to select from the items defined in the dropdown list.  This method\nis the runtime equivalent of setting the 'editable' config option at config time.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Boolean",
-            "desc" : "True to allow the user to directly edit the field text",
+            "desc" : "The new width",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setFromData",
+        "name" : "setDataIndex",
         "type" : "function",
-        "desc" : "Sets the value of the field based on a object which is related to the record format for the store.",
-        "sig" : "(value)",
+        "desc" : "Sets the dataIndex for a column.",
+        "sig" : "(col, dataIndex)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Object",
-            "desc" : "the value to set as. or false on reset?",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPagePosition",
-        "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
+            "name" : "col",
             "type" : "Number",
-            "desc" : "The new x position",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "y",
+            "name" : "dataIndex",
             "type" : "Number",
-            "desc" : "The new y position",
+            "desc" : "The new dataIndex",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPosition",
+        "name" : "setEditable",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
+        "desc" : "Sets if a column is editable.",
+        "sig" : "(col, editable)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "left",
+            "name" : "col",
             "type" : "Number",
-            "desc" : "The new left",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "editable",
+            "type" : "Boolean",
+            "desc" : "True if the column is editable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "setEditor",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
+        "desc" : "Sets the editor for a column.",
+        "sig" : "(col, editor)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "name" : "editor",
+            "type" : "Object",
+            "desc" : "The editor object",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "setHidden",
         "type" : "function",
-        "desc" : "Sets the specified value into the field.  If the value finds a match, the corresponding record text\nwill be displayed in the field.  If the value does not match the data value of an existing item,\nand the valueNotFoundText config option is defined, it will be displayed as the default field text.\nOtherwise the field will be blank (although the value will still be set).",
-        "sig" : "(value)",
+        "desc" : "Sets if a column is hidden.",
+        "sig" : "(colIndex, hidden)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The value to match",
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "visible",
+            "name" : "hidden",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "True if the column is hidden",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "setWidth",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setRenderer",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Sets the rendering (formatting) function for a column.",
+        "sig" : "(col, fn)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
+            "desc" : "The function to use to process the cell's raw data\nto return HTML markup for the grid view. The render function is called with\nthe following parameters:<ul>\n<li>Data value.</li>\n<li>Cell metadata. An object in which you may set the following attributes:<ul>\n<li>css A CSS style string to apply to the table cell.</li>\n<li>attr An HTML attribute definition string to apply to the data container element <i>within</i> the table cell.</li></ul>\n<li>The {@link Roo.data.Record} from which the data was extracted.</li>\n<li>Row index</li>\n<li>Column index</li>\n<li>The {@link Roo.data.Store} object from which the Record was extracted</li></ul>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.Signature" : {
+  "Roo.grid.EditorGrid" : {
     "props" : [
       {
-        "name" : "actionMode",
+        "name" : "autoExpandColumn",
         "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowBlank",
+        "name" : "autoExpandMax",
+        "type" : "Number",
+        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoExpandMin",
+        "type" : "Number",
+        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoHeight",
         "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "autoSizeColumns",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.Field"
+        "name" : "autoSizeHeaders",
+        "type" : "Boolean",
+        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "autoWidth",
+        "type" : "Boolean",
+        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "clicksToEdit",
+        "type" : "Number",
+        "desc" : "The number of clicks on a cell required to display the cell's editor (defaults to 2)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "name" : "cm[]",
+        "type" : "Roo.grid.ColumnModel",
+        "desc" : "The columns of the grid",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldClass",
+        "name" : "ddGroup",
         "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "- drag drop group.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldLabel",
+        "name" : "ddText",
         "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "focusClass",
+        "name" : "dragGroup",
         "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "- drag group (?? not sure if needed.)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "The signature panel height (defaults to 100)",
-        "memberOf" : ""
+        "name" : "dropTarget",
+        "type" : "Roo.dd.DropTarget",
+        "desc" : "An {@link Roo.dd.DropTarget} config",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "name" : "ds",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store for the grid",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "name" : "enableColumnHide",
+        "type" : "Boolean",
+        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "enableColumnMove",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "enableDrag",
+        "type" : "Boolean",
+        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "labels",
-        "type" : "Object",
-        "desc" : "Label to use when rendering a form.\ndefaults to \nlabels : { \n     clear : \"Clear\",\n     confirm : \"Confirm\"\n }",
-        "memberOf" : ""
+        "name" : "enableDragDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop of rows. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableRowHeightSync",
+        "type" : "Boolean",
+        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "footer",
+        "type" : "Roo.PagingToolbar",
+        "desc" : "the paging toolbar",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
+        "name" : "loadMask",
+        "type" : "Object",
+        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "maxRowsToMeasure",
+        "type" : "Boolean",
+        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "name" : "minColumnWidth",
+        "type" : "Number",
+        "desc" : "The minimum width a column can be resized to. Default is 25.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "readOnly",
+        "name" : "monitorWindowResize",
         "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "name" : "sm",
+        "type" : "Roo.grid.AbstractSelectionModel",
+        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "name" : "sortColMenu",
+        "type" : "boolean",
+        "desc" : "Sort the column order menu when it shows (usefull for long lists..) default false",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "name" : "stripeRows",
+        "type" : "Boolean",
+        "desc" : "True to stripe the rows.  Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "a toolbar for buttons etc.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "trackMouseOver",
+        "type" : "Boolean",
+        "desc" : "True to highlight rows when the mouse is over. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "The signature panel width (defaults to 300)",
-        "memberOf" : ""
+        "name" : "view",
+        "type" : "Roo.grid.GridView",
+        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforedestroy",
+        "name" : "afteredit",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires after a cell is edited. <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n</ul>",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "An edit event (see above for description)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "beforeedit",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before cell editing is triggered. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value for the field being edited.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "An edit event (see above for description)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "bodyscroll",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the body element is scrolled",
+        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "scrollLeft",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollTop",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "cellclick",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a cell is clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "cellcontextmenu",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when a cell is right clicked",
+        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "cellIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "celldblclick",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when a cell is double clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "confirm",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when the 'confirm' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "combo",
-            "type" : "Roo.form.Signature",
-            "desc" : "This combo box",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "columnmove",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the user moves a column",
+        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "oldIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newIndex",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "columnresize",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the user resizes a column",
+        "sig" : "function (columnIndex, newSize)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "contextmenu",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw contextmenu event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "dblclick",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "The raw dblclick event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "dragdrop",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "invalid",
+        "name" : "dragenter",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "msg",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
             "type" : "String",
-            "desc" : "The validation message",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "dragout",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "dragover",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "enddrag",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a drag operation is complete",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Fires when the 'edit' icon is pressed (add a listener to enable add button)",
-        "sig" : "function (combo, record)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "combo",
-            "type" : "Roo.form.ComboBox",
-            "desc" : "This combo box",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "record",
-            "type" : "Roo.data.Record|false",
-            "desc" : "The data record returned from the underlying store (or false on nothing selected)",
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "headerclick",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires when a header is clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
+            "name" : "columnIndex",
             "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "headercontextmenu",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a header is right clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "specialkey",
+        "name" : "headerdblclick",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when a header cell is double clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
             "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "valid",
+        "name" : "keydown",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "The raw keydown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "keypress",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw keypress event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "mousedown",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mousedown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyTo",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mouseout event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mouseover event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "createToolbar",
+        "name" : "mouseup",
         "type" : "function",
-        "desc" : "Protected method that will not generally be called directly. It\nis called when the editor creates its toolbar. Override this method if you need to\nadd custom toolbar buttons.",
-        "sig" : "(editor)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mouseup event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "editor",
-            "type" : "HtmlEditor",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the grid is rendered",
+        "sig" : "function (grid)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "grid",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "rowclass",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
+        "sig" : "function (gridview, rowcfg)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "gridview",
+            "type" : "GridView",
+            "desc" : "The grid view",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowcfg",
+            "type" : "Object",
+            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "rowclick",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "rowcontextmenu",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is right clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "this",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "rowdblclick",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is double clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getBox",
+        "name" : "startdrag",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when row(s) start being dragged",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "getConfirmed",
+        "name" : "validateedit",
         "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires after a cell is edited, but before the value is set in the record. \nYou can use this to modify the value being set in the field, Return false\nto cancel the change. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>editor - This editor</li>\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
+        "sig" : "function (e)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "this.isConfirmed"
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "An edit event (see above for description)",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "getEl",
+        "name" : "addColumns",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "addColumns\nAdd's a column, default at the end..",
+        "sig" : "(position, of)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "name" : "position",
+            "type" : "int",
+            "desc" : "to add (default end)",
+            "isOptional" : false
+          },
+          {
+            "name" : "of",
+            "type" : "Array",
+            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getHeight",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "this.height"
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : ""
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getImageDataURI",
+        "name" : "autoSize",
         "type" : "function",
-        "desc" : "when user is clicked confirm then show this image.....",
+        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "Image Data URI"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getName",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : "name The field name"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getPosition",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Destroy this grid.",
+        "sig" : "(removeEl)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
+            "name" : "removeEl",
             "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "desc" : "True to remove the element",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getRawValue",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getSize",
+        "name" : "getColumnModel",
         "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
+        "desc" : "Returns the grid's ColumnModel.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "type" : "ColumnModel",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "getDataSource",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "desc" : "Returns the grid's DataSource.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "DataSource",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getWidth",
+        "name" : "getDragDropText",
         "type" : "function",
-        "desc" : "",
+        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "this.width"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "hasChanged",
+        "name" : "getGridEl",
         "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
+        "desc" : "Returns the grid's underlying element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getSelectionModel",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns the grid's SelectionModel.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "SelectionModel",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isDirty",
+        "name" : "getView",
         "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "desc" : "Returns the grid's GridView object.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "isValid",
-        "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
-            "isOptional" : false
-          }
-        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "type" : "GridView",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "markInvalid",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "msg",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The validation message",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
         "name" : "on",
         "returns" : []
       },
       {
-        "name" : "onPosition",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onResize",
+        "name" : "reconfigure",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
+        "sig" : "(dataSource, The)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "name" : "dataSource",
+            "type" : "Roo.data.Store",
+            "desc" : "The new {@link Roo.data.Store} object",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "The",
+            "type" : "Roo.grid.ColumnModel",
+            "desc" : "new {@link Roo.grid.ColumnModel} object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
       {
         "name" : "render",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally loaded value and clears any validation messages",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
-        "type" : "function",
-        "desc" : "stores the current value in loadedValue",
+        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
-        "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPagePosition",
-        "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setPosition",
-        "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setRawValue",
-        "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setSize",
-        "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
-            "isOptional" : false
-          }
-        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BoxComponent",
+            "type" : "Roo.grid.Grid",
             "desc" : "this"
           }
         ]
       },
       {
-        "name" : "setValue",
+        "name" : "startEditing",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Starts editing the specified for the specified row/column",
+        "sig" : "(rowIndex, colIndex)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "syncSize",
+        "name" : "stopEditing",
         "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "desc" : "Stops any active editing",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "updateBox",
-        "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.grid.PropertyGrid"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.TextArea" : {
+  "Roo.grid.Grid" : {
     "props" : [
       {
-        "name" : "actionMode",
+        "name" : "autoExpandColumn",
         "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "autoExpandMax",
+        "type" : "Number",
+        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "name" : "autoExpandMin",
+        "type" : "Number",
+        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowLeadingSpace",
+        "name" : "autoHeight",
         "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"textarea\", style: \"width:300px;height:60px;\", autocomplete: \"off\"})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "autoSizeColumns",
+        "type" : "Boolean",
+        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "autoSizeHeaders",
+        "type" : "Boolean",
+        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableKeyFilter",
+        "name" : "autoWidth",
         "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
+        "name" : "cm[]",
+        "type" : "Roo.grid.ColumnModel",
+        "desc" : "The columns of the grid",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "emptyText",
+        "name" : "ddGroup",
         "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "- drag drop group.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldClass",
+        "name" : "ddText",
         "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldLabel",
+        "name" : "dragGroup",
         "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "- drag group (?? not sure if needed.)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "dropTarget",
+        "type" : "Roo.dd.DropTarget",
+        "desc" : "An {@link Roo.dd.DropTarget} config",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "grow",
-        "type" : "Boolean",
-        "desc" : "True if this field should automatically grow and shrink to its content",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "ds",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store for the grid",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "The maximum height to allow when grow = true (defaults to 1000)",
-        "memberOf" : ""
+        "name" : "enableColumnHide",
+        "type" : "Boolean",
+        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "The minimum height to allow when grow = true (defaults to 60)",
-        "memberOf" : ""
+        "name" : "enableColumnMove",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "name" : "enableDrag",
+        "type" : "Boolean",
+        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "name" : "enableDragDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop of rows. Default is false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
+        "name" : "enableDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "enableRowHeightSync",
+        "type" : "Boolean",
+        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "footer",
+        "type" : "Roo.PagingToolbar",
+        "desc" : "the paging toolbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "loadMask",
+        "type" : "Object",
+        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minLength",
+        "name" : "maxHeight",
         "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "preventScrollbars",
-        "type" : "Boolean",
-        "desc" : "True to prevent scrollbars from appearing regardless of how much text is\nin the field (equivalent to setting overflow: hidden, defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectOnFocus",
+        "name" : "maxRowsToMeasure",
         "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
+        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "tabIndex",
+        "name" : "minColumnWidth",
         "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "The minimum width a column can be resized to. Default is 25.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validateOnBlur",
+        "name" : "monitorWindowResize",
         "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
+        "name" : "sm",
+        "type" : "Roo.grid.AbstractSelectionModel",
+        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
+        "name" : "sortColMenu",
+        "type" : "boolean",
+        "desc" : "Sort the column order menu when it shows (usefull for long lists..) default false",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "stripeRows",
+        "type" : "Boolean",
+        "desc" : "True to stripe the rows.  Default is true.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "a toolbar for buttons etc.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        "name" : "trackMouseOver",
+        "type" : "Boolean",
+        "desc" : "True to highlight rows when the mouse is over. Default is true.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "name" : "view",
+        "type" : "Roo.grid.GridView",
+        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "autosize",
+        "name" : "bodyscroll",
         "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
+        "desc" : "Fires when the body element is scrolled",
+        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
+            "name" : "scrollLeft",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "width",
+            "name" : "scrollTop",
             "type" : "Number",
-            "desc" : "The new field width",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforedestroy",
+        "name" : "cellclick",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a cell is clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "rowIndex",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "columnIndex",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "blur",
+        "name" : "cellcontextmenu",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when a cell is right clicked",
+        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "cellIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "celldblclick",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when a cell is double clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "columnmove",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the user moves a column",
+        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "oldIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newIndex",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "columnresize",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the user resizes a column",
+        "sig" : "function (columnIndex, newSize)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "contextmenu",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "The raw contextmenu event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "dblclick",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw dblclick event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "invalid",
+        "name" : "dragdrop",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "msg",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
             "type" : "String",
-            "desc" : "The validation message",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "dragenter",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "dragout",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "dragover",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "enddrag",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a drag operation is complete",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "specialkey",
-        "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "valid",
+        "name" : "headerclick",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when a header is clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addEvents",
-        "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "headercontextmenu",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a header is right clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyTo",
-        "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "autoSize",
+        "name" : "headerdblclick",
         "type" : "function",
-        "desc" : "Automatically grows the field to accomodate the height of the text up to the maximum field height allowed.\nThis only takes effect if grow = true, and fires the autosize event if the height changes.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires when a header cell is double clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
-        "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "fireEvent",
+        "name" : "keydown",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw keydown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "keypress",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw keypress event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getBox",
+        "name" : "mousedown",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mousedown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "getEl",
-        "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
-      },
-      {
-        "name" : "getId",
-        "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "getName",
-        "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "name The field name"
-          }
-        ]
-      },
-      {
-        "name" : "getPosition",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mouseout event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
-          }
-        ]
-      },
-      {
-        "name" : "getRawValue",
-        "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "getSize",
-        "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
-          }
-        ]
-      },
-      {
-        "name" : "getValue",
-        "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
-      },
-      {
-        "name" : "hasChanged",
-        "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mouseover event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "isDirty",
-        "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "isValid",
+        "name" : "mouseup",
         "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw mouseup event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the grid is rendered",
+        "sig" : "function (grid)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "grid",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "markInvalid",
+        "name" : "rowclass",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
+        "sig" : "function (gridview, rowcfg)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "gridview",
+            "type" : "GridView",
+            "desc" : "The grid view",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowcfg",
+            "type" : "Object",
+            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "rowclick",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onPosition",
+        "name" : "rowcontextmenu",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is right clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "y",
+            "name" : "rowIndex",
             "type" : "Number",
-            "desc" : "The new y position",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onResize",
+        "name" : "rowdblclick",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is double clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjHeight",
+            "name" : "rowIndex",
             "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "startdrag",
+        "type" : "function",
+        "desc" : "Fires when row(s) start being dragged",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "purgeListeners",
+        "name" : "addColumns",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "addColumns\nAdd's a column, default at the end..",
+        "sig" : "(position, of)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "position",
+            "type" : "int",
+            "desc" : "to add (default end)",
+            "isOptional" : false
+          },
+          {
+            "name" : "of",
+            "type" : "Array",
+            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "autoSize",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "reset",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "resetHasChanged",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Destroy this grid.",
+        "sig" : "(removeEl)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "True to remove the element",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "selectText",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "setDisabled",
+        "name" : "getColumnModel",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Returns the grid's ColumnModel.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "ColumnModel",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setPagePosition",
+        "name" : "getDataSource",
         "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
+        "desc" : "Returns the grid's DataSource.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
+            "name" : "",
+            "type" : "DataSource",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setPosition",
+        "name" : "getDragDropText",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
+        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.\nOverride this to put something different in the dragged text.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setRawValue",
+        "name" : "getGridEl",
         "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
+        "desc" : "Returns the grid's underlying element.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setSize",
+        "name" : "getSelectionModel",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
+        "desc" : "Returns the grid's SelectionModel.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
-            "isOptional" : false
-          },
-          {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
+            "type" : "SelectionModel",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "setValue",
+        "name" : "getView",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Returns the grid's GridView object.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
-            "isOptional" : false
+            "name" : "",
+            "type" : "GridView",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setVisible",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "syncSize",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "reconfigure",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
+        "sig" : "(dataSource, The)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "dataSource",
+            "type" : "Roo.data.Store",
+            "desc" : "The new {@link Roo.data.Store} object",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "The",
+            "type" : "Roo.grid.ColumnModel",
+            "desc" : "new {@link Roo.grid.ColumnModel} object",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "updateBox",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "box",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "validate",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Validates the field value",
+        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "type" : "Roo.grid.Grid",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "validateValue",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.form.TextField",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.form.FCKeditor"
+      "Roo.grid.Calendar",
+      "Roo.grid.EditorGrid",
+      "Roo.grid.PropertyGrid"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.form.TextField" : {
+  "Roo.grid.GridEditor" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : ""
+        "name" : "alignment",
+        "type" : "String",
+        "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details, defaults to \"c-c?\").",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"20\", autocomplete: \"off\"})",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "name" : "autosize",
+        "type" : "Boolean/String",
+        "desc" : "True for the editor to automatically adopt the size of the underlying field, \"width\" to adopt the width only,\nor \"height\" to adopt the height only (defaults to false)",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableKeyFilter",
+        "name" : "cancelOnEsc",
         "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : ""
+        "desc" : "True to cancel the edit when the escape key is pressed (defaults to false)",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disabled",
+        "name" : "completeOnEnter",
         "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : ""
+        "desc" : "True to complete the edit when the enter key is pressed (defaults to false)",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "constrain",
+        "type" : "Boolean",
+        "desc" : "True to constrain the editor to the viewport",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "fieldLabel",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "field",
+        "type" : "Roo.form.Field",
+        "desc" : "Field to wrap (or xtyped)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "grow",
+        "name" : "hideEl",
         "type" : "Boolean",
-        "desc" : "True if this field should automatically grow and shrink to its content",
-        "memberOf" : ""
-      },
-      {
-        "name" : "growMax",
-        "type" : "Number",
-        "desc" : "The maximum width to allow when grow = true (defaults to 800)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "growMin",
-        "type" : "Number",
-        "desc" : "The minimum width to allow when grow = true (defaults to 30)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "desc" : "False to keep the bound element visible while the editor is displayed (defaults to true)",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
+        "name" : "ignoreNoChange",
+        "type" : "Boolean",
+        "desc" : "True to skip the the edit completion process (no save, no events fired) if the user completes an edit and\nthe value has not changed (defaults to false).  Applies only to string values - edits for other data types\nwill never be ignored.",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "readOnly",
+        "name" : "revertInvalid",
         "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "True to automatically revert the field value and cancel the edit when the user completes an edit and the field\nvalidation fails (defaults to true)",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : ""
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "\"sides\" for sides/bottom only, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"frame\")",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "regexText",
+        "name" : "style",
         "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "validateOnBlur",
+        "name" : "updateEl",
         "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : ""
+        "desc" : "True to update the innerHTML of the bound element when the update completes (defaults to false)",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
+        "desc" : "The data value of the underlying field (defaults to \"\")",
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "autosize",
+        "name" : "beforecomplete",
         "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires after a change has been made to the field, but before the change is reflected in the underlying\nfield.  Saving the change to the field can be canceled by returning false from the handler of this event.\nNote that if the value has not changed and ignoreNoChange = true, the editing will still end but this\nevent will not fire since no edit actually occurred.",
+        "sig" : "function (_self, value, startValue)\n{\n\n}",
+        "memberOf" : "Roo.Editor",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
+            "type" : "Editor",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The current field value",
+            "isOptional" : false
+          },
+          {
+            "name" : "startValue",
+            "type" : "Mixed",
+            "desc" : "The original field value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "blur",
-        "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "change",
+        "name" : "beforestartedit",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when editing is initiated, but before the value changes.  Editing can be canceled by returning\nfalse from the handler of this event.",
+        "sig" : "function (_self, boundEl, value)\n{\n\n}",
+        "memberOf" : "Roo.Editor",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Editor",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "boundEl",
+            "type" : "Roo.Element",
+            "desc" : "The underlying element bound to this editor",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+          },
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The field value being set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "complete",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires after editing is complete and any changed value has been written to the underlying field.",
+        "sig" : "function (_self, value, startValue)\n{\n\n}",
+        "memberOf" : "Roo.Editor",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Editor",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The current field value",
+            "isOptional" : false
+          },
+          {
+            "name" : "startValue",
+            "type" : "Mixed",
+            "desc" : "The original field value",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "invalid",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.form.Field",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
             "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
             "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
           }
         ],
         "returns" : []
         "type" : "function",
         "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.Editor",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "returns" : []
       },
       {
-        "name" : "valid",
+        "name" : "startedit",
         "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Fires when this editor is displayed",
+        "sig" : "function (boundEl, value)\n{\n\n}",
+        "memberOf" : "Roo.Editor",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "boundEl",
+            "type" : "Roo.Element",
+            "desc" : "The underlying element bound to this editor",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "The starting field value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyTo",
+        "name" : "cancelEdit",
         "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
+        "desc" : "Cancels the editing process and hides the editor without persisting any changes.  The field value will be\nreverted to the original starting value.",
+        "sig" : "(remainVisible)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.Editor",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
+            "name" : "remainVisible",
+            "type" : "Boolean",
+            "desc" : "Override the default behavior and keep the editor visible after\ncancel (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "Automatically grows the field to accomodate the width of the text up to the maximum field width allowed.\nThis only takes effect if grow = true, and fires the autosize event.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "completeEdit",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Ends the editing process, persists the changed value to the underlying field, and hides the editor.",
+        "sig" : "(remainVisible)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.Editor",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "remainVisible",
+            "type" : "Boolean",
+            "desc" : "Override the default behavior and keep the editor visible after edit (defaults to false)",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
         ]
       },
       {
-        "name" : "getBox",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "Roo.Component",
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getValue",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Gets the data value of the editor",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.Editor",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
+            "type" : "Mixed",
+            "desc" : "The data value"
+          }
+        ]
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
             "type" : "String",
-            "desc" : ""
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "getName",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : "name The field name"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "on",
+        "type" : "function",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "purgeListeners",
+        "type" : "function",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "realign",
+        "type" : "function",
+        "desc" : "Realigns the editor to the bound field based on the current alignment config value.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Editor",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
             "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the height and width of this editor.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.Editor",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The new width",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setValue",
+        "type" : "function",
+        "desc" : "Sets the data value of the editor",
+        "sig" : "(value)",
+        "static" : false,
+        "memberOf" : "Roo.Editor",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "value",
+            "type" : "Mixed",
+            "desc" : "Any valid value supported by the underlying field",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getRawValue",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getSize",
+        "name" : "startEdit",
         "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
+        "desc" : "Starts the editing process and shows the editor.",
+        "sig" : "(el, value)",
+        "static" : false,
+        "memberOf" : "Roo.Editor",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "The element to edit",
+            "isOptional" : false
+          },
+          {
+            "name" : "value",
+            "type" : "String",
+            "desc" : "(optional) A value to initialize the editor with. If a value is not provided, it defaults\nto the innerHTML of el.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.GridView" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "autoSizeColumn",
+        "type" : "function",
+        "desc" : "Autofit a column to its content.",
+        "sig" : "(colIndex, forceMinSize)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "colIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "forceMinSize",
+            "type" : "Boolean",
+            "desc" : "true to force the column to go smaller if possible",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "autoSizeColumns",
+        "type" : "function",
+        "desc" : "Autofits all columns to their content and then expands to fit any extra space in the grid",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "ensureVisible",
+        "type" : "function",
+        "desc" : "Scrolls the specified cell into view",
+        "sig" : "(row, col, hscroll)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
+            "isOptional" : false
+          },
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "hscroll",
+            "type" : "Boolean",
+            "desc" : "false to disable horizontal scrolling",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "fitColumns",
+        "type" : "function",
+        "desc" : "Autofits all columns to the grid's width proportionate with their current size",
+        "sig" : "(reserveScrollSpace)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "reserveScrollSpace",
+            "type" : "Boolean",
+            "desc" : "Reserve space for a scrollbar",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focusCell",
+        "type" : "function",
+        "desc" : "Focuses the specified cell.",
+        "sig" : "(row, col, hscroll)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
+            "isOptional" : false
+          },
+          {
+            "name" : "col",
+            "type" : "Number",
+            "desc" : "The column index",
+            "isOptional" : false
+          },
+          {
+            "name" : "hscroll",
+            "type" : "Boolean",
+            "desc" : "false to disable horizontal scrolling",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "focusRow",
+        "type" : "function",
+        "desc" : "Focuses the specified row.",
+        "sig" : "(row)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "row",
+            "type" : "Number",
+            "desc" : "The row index",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "getCell",
+        "type" : "function",
+        "desc" : "Gets the 'td' of the cell",
+        "sig" : "(rowIndex, colIndex)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "rowIndex",
+            "type" : "Integer",
+            "desc" : "row to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "colIndex",
+            "type" : "Integer",
+            "desc" : "column to select",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
             "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getValue",
+        "name" : "getFooterPanel",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Gets a panel in the footer of the grid that can be used for toolbars etc.\nAfter modifying the contents of this panel a call to grid.autoSize() may be\nrequired to register any changes in size.",
+        "sig" : "(doShow)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "doShow",
+            "type" : "Boolean",
+            "desc" : "By default the footer is hidden. Pass true to show the panel",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
+            "type" : "",
+            "desc" : "Roo.Element"
           }
         ]
       },
       {
-        "name" : "hasChanged",
+        "name" : "getHeaderPanel",
         "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Gets a panel in the header of the grid that can be used for toolbars etc.\nAfter modifying the contents of this panel a call to grid.autoSize() may be\nrequired to register any changes in size.",
+        "sig" : "(doShow)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "doShow",
+            "type" : "Boolean",
+            "desc" : "By default the header is hidden. Pass true to show the panel",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "",
+            "desc" : "Roo.Element"
+          }
+        ]
       },
       {
         "name" : "hasListener",
         ]
       },
       {
-        "name" : "hide",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isDirty",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "isValid",
+        "name" : "refresh",
         "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
+        "desc" : "Refreshes the grid",
+        "sig" : "(headersToo)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "preventMark",
+            "name" : "headersToo",
             "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "markInvalid",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "msg",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The validation message",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "scrollToTop",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Scrolls the grid to the top",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.PropertyGrid" : {
+    "props" : [
+      {
+        "name" : "autoExpandColumn",
+        "type" : "String",
+        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoExpandMax",
+        "type" : "Number",
+        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoExpandMin",
+        "type" : "Number",
+        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoHeight",
+        "type" : "Boolean",
+        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoSizeColumns",
+        "type" : "Boolean",
+        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoSizeHeaders",
+        "type" : "Boolean",
+        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoWidth",
+        "type" : "Boolean",
+        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "clicksToEdit",
+        "type" : "Number",
+        "desc" : "The number of clicks on a cell required to display the cell's editor (defaults to 2)",
+        "memberOf" : "Roo.grid.EditorGrid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cm[]",
+        "type" : "Roo.grid.ColumnModel",
+        "desc" : "The columns of the grid",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "customEditors",
+        "type" : "Object",
+        "desc" : "map of colnames=> custom editors.\nthe custom editor can be one of the standard ones (date|string|number|int|boolean), or a\ngrid editor eg. Roo.grid.GridEditor(new Roo.form.TextArea({selectOnFocus:true})),\nfalse disables editing of the field.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ddGroup",
+        "type" : "String",
+        "desc" : "- drag drop group.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ddText",
+        "type" : "String",
+        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dragGroup",
+        "type" : "String",
+        "desc" : "- drag group (?? not sure if needed.)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "dropTarget",
+        "type" : "Roo.dd.DropTarget",
+        "desc" : "An {@link Roo.dd.DropTarget} config",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "ds",
+        "type" : "Roo.data.Store",
+        "desc" : "The data store for the grid",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableColumnHide",
+        "type" : "Boolean",
+        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableColumnMove",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableDrag",
+        "type" : "Boolean",
+        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableDragDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drag and drop of rows. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableDrop",
+        "type" : "Boolean",
+        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "enableRowHeightSync",
+        "type" : "Boolean",
+        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "footer",
+        "type" : "Roo.PagingToolbar",
+        "desc" : "the paging toolbar",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Object",
+        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxHeight",
+        "type" : "Number",
+        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "maxRowsToMeasure",
+        "type" : "Boolean",
+        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minColumnWidth",
+        "type" : "Number",
+        "desc" : "The minimum width a column can be resized to. Default is 25.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "monitorWindowResize",
+        "type" : "Boolean",
+        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "propertyNames",
+        "type" : "Object",
+        "desc" : "map of property Names to their displayed value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sm",
+        "type" : "Roo.grid.AbstractSelectionModel",
+        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "sortColMenu",
+        "type" : "boolean",
+        "desc" : "Sort the column order menu when it shows (usefull for long lists..) default false",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "stripeRows",
+        "type" : "Boolean",
+        "desc" : "True to stripe the rows.  Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "a toolbar for buttons etc.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "trackMouseOver",
+        "type" : "Boolean",
+        "desc" : "True to highlight rows when the mouse is over. Default is true.",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "view",
+        "type" : "Roo.grid.GridView",
+        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
+        "memberOf" : "Roo.grid.Grid",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "afteredit",
+        "type" : "function",
+        "desc" : "Fires after a cell is edited. <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n</ul>",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.EditorGrid",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "options",
+            "name" : "e",
             "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "An edit event (see above for description)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onPosition",
+        "name" : "beforeedit",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before cell editing is triggered. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value for the field being edited.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.EditorGrid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "An edit event (see above for description)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onResize",
+        "name" : "beforepropertychange",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before a property changes (return false to stop?)",
+        "sig" : "function (grid, id, newval, oldval)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
+            "name" : "grid",
+            "type" : "Roo.grid.PropertyGrid",
+            "desc" : "property grid? (check could be store)",
             "isOptional" : false
           },
           {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "Record Id",
             "isOptional" : false
           },
           {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "name" : "newval",
+            "type" : "String",
+            "desc" : "New Value",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "oldval",
+            "type" : "String",
+            "desc" : "Old Value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "bodyscroll",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the body element is scrolled",
+        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "scrollLeft",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "scrollTop",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "cellclick",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a cell is clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "cellcontextmenu",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a cell is right clicked",
+        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "cellIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "celldblclick",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a cell is double clicked",
+        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "reset",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw click event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "resetHasChanged",
+        "name" : "columnmove",
         "type" : "function",
-        "desc" : "stores the current value in loadedValue",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the user moves a column",
+        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "oldIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "selectText",
+        "name" : "columnresize",
         "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the user resizes a column",
+        "sig" : "function (columnIndex, newSize)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "start",
+            "name" : "columnIndex",
             "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "end",
+            "name" : "newSize",
             "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "contextmenu",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw contextmenu event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setPagePosition",
+        "name" : "dblclick",
         "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw dblclick event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPosition",
+        "name" : "dragdrop",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setRawValue",
+        "name" : "dragenter",
         "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "dragout",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "dragover",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
+        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "targetId",
+            "type" : "String",
+            "desc" : "The target drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "enddrag",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a drag operation is complete",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "headerclick",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a header is clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "syncSize",
+        "name" : "headercontextmenu",
         "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a header is right clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "headerdblclick",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a header cell is double clicked",
+        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Grid",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "columnIndex",
+            "type" : "Number",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "updateBox",
+        "name" : "keydown",
         "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw keydown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "validate",
-        "type" : "function",
-        "desc" : "Validates the field value",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.Field",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      },
-      {
-        "name" : "validateValue",
+        "name" : "keypress",
         "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "The raw keypress event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.form.ComboBox",
-      "Roo.form.ComboBoxArray",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.FCKeditor",
-      "Roo.form.Hidden",
-      "Roo.form.MonthField",
-      "Roo.form.NumberField",
-      "Roo.form.Select",
-      "Roo.form.TextArea",
-      "Roo.form.TriggerField"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.TextItem" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "html",
-        "type" : "String",
-        "desc" : "the content for this item",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "tag",
-        "type" : "String",
-        "desc" : "the tag for this item (default div)",
-        "memberOf" : ""
+        "returns" : []
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforedestroy",
+        "name" : "mousedown",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw mousedown event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw mouseout event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw mouseover event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "mouseup",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "The raw mouseup event for the entire grid.",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "propertychange",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires after a property changes",
+        "sig" : "function (grid, id, newval, oldval)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "grid",
+            "type" : "Roo.grid.PropertyGrid",
+            "desc" : "property grid? (check could be store)",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String",
+            "desc" : "Record Id",
+            "isOptional" : false
+          },
+          {
+            "name" : "newval",
+            "type" : "String",
+            "desc" : "New Value",
+            "isOptional" : false
+          },
+          {
+            "name" : "oldval",
+            "type" : "String",
+            "desc" : "Old Value",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the grid is rendered",
+        "sig" : "function (grid)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "grid",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "rowclass",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
+        "sig" : "function (gridview, rowcfg)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "gridview",
+            "type" : "GridView",
+            "desc" : "The grid view",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowcfg",
+            "type" : "Object",
+            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "rowclick",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a row is clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "rowcontextmenu",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires when a row is right clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "x",
+            "name" : "rowIndex",
             "type" : "Number",
-            "desc" : "The new x position",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "rowdblclick",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a row is double clicked",
+        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "startdrag",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Fires when row(s) start being dragged",
+        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "memberOf" : "Roo.grid.Grid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Grid",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "name" : "dd",
+            "type" : "Roo.GridDD",
+            "desc" : "The drag drop object",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "e",
+            "type" : "event",
+            "desc" : "The raw browser event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "validateedit",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires after a cell is edited, but before the value is set in the record. \nYou can use this to modify the value being set in the field, Return false\nto cancel the change. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>editor - This editor</li>\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
+        "sig" : "function (e)\n{\n\n}",
+        "memberOf" : "Roo.grid.EditorGrid",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "An edit event (see above for description)",
             "isOptional" : false
           }
         ],
       }
     ],
     "methods" : [
+      {
+        "name" : "addColumns",
+        "type" : "function",
+        "desc" : "addColumns\nAdd's a column, default at the end..",
+        "sig" : "(position, of)",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "position",
+            "type" : "int",
+            "desc" : "to add (default end)",
+            "isOptional" : false
+          },
+          {
+            "name" : "of",
+            "type" : "Array",
+            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "autoSize",
+        "type" : "function",
+        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "enable",
-        "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Destroy this grid.",
+        "sig" : "(removeEl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "True to remove the element",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getColumnModel",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Returns the grid's ColumnModel.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "ColumnModel",
+            "desc" : ""
           }
-        ],
+        ]
+      },
+      {
+        "name" : "getDataSource",
+        "type" : "function",
+        "desc" : "Returns the grid's DataSource.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "DataSource",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getBox",
+        "name" : "getDragDropText",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.grid.EditorGrid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "getEl",
+        "name" : "getGridEl",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the grid's underlying element.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
+            "type" : "Element",
             "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getSelectionModel",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Returns the grid's SelectionModel.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "SelectionModel",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getPosition",
+        "name" : "getSource",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
+        "desc" : "Gets all the data from the grid.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
+            "type" : "Object",
+            "desc" : "data  data stored in grid"
           }
         ]
       },
       {
-        "name" : "getSize",
+        "name" : "getView",
         "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
+        "desc" : "Returns the grid's GridView object.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.grid.Grid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+            "type" : "GridView",
+            "desc" : ""
           }
         ]
       },
         ]
       },
       {
-        "name" : "hide",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "reconfigure",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
+        "sig" : "(dataSource, The)",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "dataSource",
+            "type" : "Roo.data.Store",
+            "desc" : "The new {@link Roo.data.Store} object",
+            "isOptional" : false
+          },
+          {
+            "name" : "The",
+            "type" : "Roo.grid.ColumnModel",
+            "desc" : "new {@link Roo.grid.ColumnModel} object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "removeListener",
+        "type" : "function",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.grid.Grid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "options",
+            "name" : "",
+            "type" : "Roo.grid.Grid",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "setSource",
+        "type" : "function",
+        "desc" : "Sets the data for the Grid\naccepts a Key => Value object of all the elements avaiable.",
+        "sig" : "(data)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "data",
             "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "to appear in grid.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onPosition",
+        "name" : "startEditing",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
+        "desc" : "Starts editing the specified for the specified row/column",
+        "sig" : "(rowIndex, colIndex)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.grid.EditorGrid",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
+            "name" : "rowIndex",
             "type" : "Number",
-            "desc" : "The new x position",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "y",
+            "name" : "colIndex",
             "type" : "Number",
-            "desc" : "The new y position",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onResize",
+        "name" : "stopEditing",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "desc" : "Stops any active editing",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.grid.EditorGrid",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "rawWidth",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.RowSelectionModel" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "singleSelect",
+        "type" : "Boolean",
+        "desc" : "True to allow selection of only one row at a time (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "afterselectionchange",
+        "type" : "function",
+        "desc" : "Fires after the selection changes (eg. by key press or clicking)",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "SelectionModel",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerowselect",
+        "type" : "function",
+        "desc" : "Fires when a row is selected being selected, return false to cancel.",
+        "sig" : "function (_self, rowIndex, keepExisting)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "SelectionModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
             "type" : "Number",
-            "desc" : "The width that was originally specified",
+            "desc" : "The selected index",
             "isOptional" : false
           },
           {
-            "name" : "rawHeight",
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "False if other selections will be cleared",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "rowdeselect",
+        "type" : "function",
+        "desc" : "Fires when a row is deselected.",
+        "sig" : "function (_self, rowIndex)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "SelectionModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
             "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "desc" : "The selected index",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "rowselect",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a row is selected.",
+        "sig" : "function (_self, rowIndex, r)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "SelectionModel",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "rowIndex",
+            "type" : "Number",
+            "desc" : "The selected index",
+            "isOptional" : false
+          },
+          {
+            "name" : "r",
+            "type" : "Roo.data.Record",
+            "desc" : "The record",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "selectionchange",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
+        "desc" : "Fires when the selection changes",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "SelectionModel",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "clearSelections",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Clears all selections.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setPagePosition",
+        "name" : "deselectRange",
         "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
+        "desc" : "Deselects a range of rows. All rows in between startRow and endRow are also deselected.",
+        "sig" : "(startRow, endRow)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
+            "name" : "startRow",
             "type" : "Number",
-            "desc" : "The new x position",
+            "desc" : "The index of the first row in the range",
             "isOptional" : false
           },
           {
-            "name" : "y",
+            "name" : "endRow",
             "type" : "Number",
-            "desc" : "The new y position",
+            "desc" : "The index of the last row in the range",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPosition",
+        "name" : "deselectRow",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
+        "desc" : "Deselects a row.",
+        "sig" : "(row)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
-            "isOptional" : false
-          },
-          {
-            "name" : "top",
+            "name" : "row",
             "type" : "Number",
-            "desc" : "The new top",
+            "desc" : "The index of the row to deselect",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "setVisible",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Gets the number of selected rows.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Number",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "show",
+        "name" : "getSelected",
         "type" : "function",
-        "desc" : "Show this component.",
+        "desc" : "Returns the first selected record.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Record",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "syncSize",
+        "name" : "getSelections",
         "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "desc" : "Returns the selected records",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "Array of selected records"
+          }
+        ]
       },
       {
-        "name" : "un",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "updateBox",
+        "name" : "hasSelection",
         "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
+        "desc" : "Returns True if there is a selection.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.TriggerField" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowBlank",
-        "type" : "Boolean",
-        "desc" : "False to validate that the value length > 0 (defaults to true)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "allowLeadingSpace",
-        "type" : "Boolean",
-        "desc" : "True to prevent the stripping of leading white space",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "autoCreate",
-        "type" : "String/Object",
-        "desc" : "A DomHelper element spec, or true for a default element spec (defaults to\n{tag: \"input\", type: \"text\", size: \"16\", autocomplete: \"off\"})",
-        "memberOf" : ""
-      },
-      {
-        "name" : "blankText",
-        "type" : "String",
-        "desc" : "Error text to display if the allow blank validation fails (defaults to \"This field is required\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "cls",
-        "type" : "String",
-        "desc" : "A CSS class to apply to the field's underlying element.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "disableKeyFilter",
-        "type" : "Boolean",
-        "desc" : "True to disable input keystroke filtering (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "disabled",
-        "type" : "Boolean",
-        "desc" : "True to disable the field (defaults to false).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "emptyText",
-        "type" : "String",
-        "desc" : "The default text to display in an empty field - placeholder... (defaults to null).",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "fieldClass",
-        "type" : "String",
-        "desc" : "The default CSS class for the field (defaults to \"x-form-field\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "fieldLabel",
-        "type" : "String",
-        "desc" : "Label to use when rendering a form.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "focusClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the field receives focus (defaults to \"x-form-focus\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "height",
-        "type" : "Number",
-        "desc" : "height (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideTrigger",
-        "type" : "Boolean",
-        "desc" : "True to hide the trigger element and display only the base text field (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "inputType",
-        "type" : "String",
-        "desc" : "The type attribute for input fields -- e.g. radio, text, password (defaults to \"text\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when marking a field invalid (defaults to \"x-form-invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "invalidText",
-        "type" : "String",
-        "desc" : "The error text to use when marking a field invalid and no message is provided (defaults to \"The value in this field is invalid\")",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "maskRe",
-        "type" : "String",
-        "desc" : "An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLength",
-        "type" : "Number",
-        "desc" : "Maximum input field length allowed (defaults to Number.MAX_VALUE)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "maxLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the maximum length validation fails (defaults to \"The maximum length for this field is {maxLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLength",
-        "type" : "Number",
-        "desc" : "Minimum input field length required (defaults to 0)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "minLengthText",
-        "type" : "String",
-        "desc" : "Error text to display if the minimum length validation fails (defaults to \"The minimum length for this field is {minLength}\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "msgFx",
-        "type" : "String",
-        "desc" : "<b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "msgTarget",
-        "type" : "String",
-        "desc" : "The location where error text should display.  Should be one of the following values (defaults to 'qtip'):\n<pre>\nValue         Description\n-----------   ----------------------------------------------------------------------\nqtip          Display a quick tip when the user hovers over the field\ntitle         Display a default browser title attribute popup\nunder         Add a block div beneath the field containing the error text\nside          Add an error icon to the right of the field with a popup on hover\n[element id]  Add the error text directly to the innerHTML of the specified element\n</pre>",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "name",
-        "type" : "String",
-        "desc" : "The field's HTML name attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "qtip",
-        "type" : "String",
-        "desc" : "Mouse over tip",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "readOnly",
-        "type" : "Boolean",
-        "desc" : "True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "regex",
-        "type" : "RegExp",
-        "desc" : "A JavaScript RegExp object to be tested against the field value during validation (defaults to null).\nIf available, this regex will be evaluated only after the basic validators all return true, and will be passed the\ncurrent field value.  If the test fails, the field will be marked invalid using {@link #regexText}.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "regexText",
-        "type" : "String",
-        "desc" : "The error text to display if {@link #regex} is used and the test fails during validation (defaults to \"\")",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "selectOnFocus",
-        "type" : "Boolean",
-        "desc" : "True to automatically select any existing field text when the field receives input focus (defaults to false)",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "tabIndex",
-        "type" : "Number",
-        "desc" : "The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "triggerClass",
-        "type" : "String",
-        "desc" : "An additional CSS class used to style the trigger button.  The trigger will always get the\nclass 'x-form-trigger' by default and triggerClass will be <b>appended</b> if specified.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "validateOnBlur",
-        "type" : "Boolean",
-        "desc" : "Whether the field should validate when it loses focus (defaults to true).",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationDelay",
-        "type" : "Number",
-        "desc" : "The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validationEvent",
-        "type" : "String/Boolean",
-        "desc" : "The event that should initiate field validation. Set to false to disable\n      automatic validation (defaults to \"keyup\").",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "validator",
-        "type" : "Function",
-        "desc" : "A custom validation function to be called during field validation (defaults to null).\nIf available, this function will be called only after the basic validators all return true, and will be passed the\ncurrent field value and expected to return boolean true if the value is valid or a string error message if invalid.",
-        "memberOf" : "Roo.form.TextField"
-      },
-      {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "A value to initialize this field with.",
-        "memberOf" : "Roo.form.Field"
-      },
-      {
-        "name" : "vtype",
-        "type" : "String",
-        "desc" : "A validation type name as defined in {@link Roo.form.VTypes} (defaults to null)",
-        "memberOf" : "Roo.form.TextField"
+        ]
       },
       {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "width (optional) size of component",
-        "memberOf" : "Roo.BoxComponent"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "autosize",
+        "name" : "isIdSelected",
         "type" : "function",
-        "desc" : "Fires when the autosize function is triggered.  The field may or may not have actually changed size\naccording to the default logic, but this event provides a hook for the developer to apply additional\nlogic at runtime to resize the field if needed.",
-        "sig" : "function (_self, width)\n{\n\n}",
-        "memberOf" : "Roo.form.TextField",
+        "desc" : "Returns True if the specified record id is selected.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "This text field",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new field width",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of record to check",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforehide",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns true if the selections are locked.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.grid.AbstractSelectionModel",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforerender",
+        "name" : "isSelected",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Returns True if the specified row is selected.",
+        "sig" : "(record)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "record",
+            "type" : "Number/Record",
+            "desc" : "The record or index of the record to check",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "blur",
+        "name" : "lock",
         "type" : "function",
-        "desc" : "Fires when this field loses input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Locks the selections.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.grid.AbstractSelectionModel",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "change",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires just before the field blurs if the field value has changed.",
-        "sig" : "function (_self, newValue, oldValue)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "newValue",
-            "type" : "Mixed",
-            "desc" : "The new value",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "oldValue",
-            "type" : "Mixed",
-            "desc" : "The original value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "disable",
-        "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires when this field receives input focus.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "invalid",
-        "type" : "function",
-        "desc" : "Fires after the field has been marked as invalid.",
-        "sig" : "function (_self, msg)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keyup",
+        "name" : "selectAll",
         "type" : "function",
-        "desc" : "Fires after the key up",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Selects all rows.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event Object",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "move",
+        "name" : "selectFirstRow",
         "type" : "function",
-        "desc" : "Fires after the component is moved.",
-        "sig" : "function (_self, x, y)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Selects the first row in the grid.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
-          {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "selectLastRow",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Select the last row.",
+        "sig" : "(keepExisting)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) True to keep existing selections",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "resize",
+        "name" : "selectNext",
         "type" : "function",
-        "desc" : "Fires after the component is resized.",
-        "sig" : "function (_self, adjWidth, adjHeight, rawWidth, rawHeight)\n{\n\n}",
-        "memberOf" : "Roo.BoxComponent",
+        "desc" : "Selects the row immediately following the last selected row.",
+        "sig" : "(keepExisting)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) True to keep existing selections",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "selectPrevious",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Selects the row that precedes the last selected row.",
+        "sig" : "(keepExisting)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) True to keep existing selections",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "specialkey",
+        "name" : "selectRange",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
+        "desc" : "Selects a range of rows. All rows in between startRow and endRow are also selected.",
+        "sig" : "(startRow, endRow, keepExisting)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "startRow",
+            "type" : "Number",
+            "desc" : "The index of the first row in the range",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
+            "name" : "endRow",
+            "type" : "Number",
+            "desc" : "The index of the last row in the range",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "valid",
-        "type" : "function",
-        "desc" : "Fires after the field has been validated with no errors.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.form.Field",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) True to retain existing selections",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "selectRecords",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Select records.",
+        "sig" : "(records, keepExisting)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "records",
+            "type" : "Array",
+            "desc" : "The records to select",
+            "isOptional" : false
+          },
+          {
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) True to keep existing selections",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "selectRow",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Selects a row.",
+        "sig" : "(row, keepExisting)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "row",
+            "type" : "Number",
+            "desc" : "The index of the row to select",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) True to keep existing selections",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "applyTo",
+        "name" : "selectRows",
         "type" : "function",
-        "desc" : "Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>",
-        "sig" : "(el)",
+        "desc" : "Selects multiple rows.",
+        "sig" : "(rows, keepExisting)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The id of the node, a DOM node or an existing Element",
+            "name" : "rows",
+            "type" : "Array",
+            "desc" : "Array of the indexes of the row to select",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.form.Field",
-            "desc" : "this"
+            "name" : "keepExisting",
+            "type" : "Boolean",
+            "desc" : "(optional) True to keep existing selections",
+            "isOptional" : false
           }
-        ]
-      },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        ],
         "returns" : []
       },
       {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
+        "name" : "un",
+        "type" : "function",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "fn",
+            "name" : "handler",
             "type" : "Function",
-            "desc" : "The function to call",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "clearInvalid",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Clear any invalid styles/messages for this field",
+        "desc" : "Unlocks the selections.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.grid.AbstractSelectionModel",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.grid.SplitDragZone" : {
+    "props" : [
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "addInvalidHandleClass",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the elements you wish to ignore",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "addInvalidHandleId",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the element id of the element you wish to ignore",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "addInvalidHandleType",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to exclude",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "focus",
+        "name" : "addToGroup",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
+            "name" : "sGroup",
+            "type" : "",
+            "desc" : "{string} the name of the group",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getBox",
+        "name" : "alignElWithMouse",
         "type" : "function",
-        "desc" : "Gets the current box measurements of the component's underlying element.",
-        "sig" : "(local)",
+        "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.BoxComponent",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "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" : "getEl",
+        "name" : "applyConfig",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "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.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getId",
+        "name" : "autoOffset",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "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.Component",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "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" : "getName",
+        "name" : "cachePosition",
         "type" : "function",
-        "desc" : "Returns the name attribute of the field if available",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
+        "sig" : "(iPageX, iPageY)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "String",
-            "desc" : "name The field name"
+            "name" : "iPageX",
+            "type" : "",
+            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
+            "isOptional" : false
+          },
+          {
+            "name" : "iPageY",
+            "type" : "",
+            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getPosition",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Gets the current XY position of the component's underlying element.",
-        "sig" : "(local)",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "local",
-            "type" : "Boolean",
-            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The XY position of the element (e.g., [100, 200])"
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRawValue",
+        "name" : "clearConstraints",
         "type" : "function",
-        "desc" : "Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {@link #getValue}.",
+        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getSize",
+        "name" : "clearTicks",
         "type" : "function",
-        "desc" : "Gets the current size of the component's underlying element.",
+        "desc" : "Clears any tick interval defined for this instance",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object",
-            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getValue",
+        "name" : "createFrame",
         "type" : "function",
-        "desc" : "Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {@link #getRawValue}.",
+        "desc" : "Creates the proxy element if it does not yet exist",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DDProxy",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Mixed",
-            "desc" : "value The field value"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasChanged",
+        "name" : "endDrag",
         "type" : "function",
-        "desc" : "checks the current value against the 'loaded' value.\nNote - will return false if 'resetHasChanged' has not been called first.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fired when we are done dragging the object",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "getDragEl",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "HTMLElement",
+            "desc" : "the html element"
           }
         ]
       },
       {
-        "name" : "isDirty",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns true if this field has been changed since it was originally loaded and is not disabled.\nDEPRICATED  - it never worked well - use hasChanged/resetHasChanged.",
+        "desc" : "Returns a reference to the linked element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "HTMLElement",
+            "desc" : "the html element"
+          }
+        ]
       },
       {
-        "name" : "isValid",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns whether or not the field value is currently valid",
-        "sig" : "(preventMark)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "preventMark",
-            "type" : "Boolean",
-            "desc" : "True to disable marking the field invalid",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "init",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
+            "isOptional" : false
+          },
+          {
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
+            "isOptional" : false
+          },
+          {
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "markInvalid",
+        "name" : "initFrame",
         "type" : "function",
-        "desc" : "Mark this field as invalid",
-        "sig" : "(msg)",
+        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DDProxy",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "msg",
-            "type" : "String",
-            "desc" : "The validation message",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "initTarget",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
+        "sig" : "(id, sGroup, config)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the linked element",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "sGroup",
+            "type" : "String",
+            "desc" : "the group of related items",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "config",
+            "type" : "object",
+            "desc" : "configuration attributes",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onPosition",
+        "name" : "isLocked",
         "type" : "function",
-        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
-        "sig" : "(x, y)",
+        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
-            "isOptional" : false
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "onResize",
+        "name" : "isTarget",
         "type" : "function",
-        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
-        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "adjWidth",
-            "type" : "Number",
-            "desc" : "The box-adjusted width that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "adjHeight",
-            "type" : "Number",
-            "desc" : "The box-adjusted height that was set",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawWidth",
-            "type" : "Number",
-            "desc" : "The width that was originally specified",
-            "isOptional" : false
-          },
-          {
-            "name" : "rawHeight",
-            "type" : "Number",
-            "desc" : "The height that was originally specified",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "onTriggerClick",
+        "name" : "isValidHandleChild",
         "type" : "function",
-        "desc" : "The function that should handle the trigger's click event.  This method does nothing by default until overridden\nby an implementing function.",
-        "sig" : "(e)",
+        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
+        "sig" : "(node)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "EventObject",
-            "desc" : "",
+            "name" : "node",
+            "type" : "HTMLElement",
+            "desc" : "the HTMLElement to evaluate",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "boolean",
+            "desc" : "true if this is a valid tag type, false if not"
+          }
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "lock",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Lock this instance",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "removeListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "reset",
-        "type" : "function",
-        "desc" : "Resets the current field value to the originally-loaded value and clears any validation messages.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "resetHasChanged",
+        "name" : "onAvailable",
         "type" : "function",
-        "desc" : "stores the current value in loadedValue",
+        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "selectText",
-        "type" : "function",
-        "desc" : "Selects text in this field",
-        "sig" : "(start, end)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "start",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should start (defaults to 0)",
-            "isOptional" : false
-          },
-          {
-            "name" : "end",
-            "type" : "Number",
-            "desc" : "(optional) The index where the selection should end (defaults to the text length)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setDisabled",
+        "name" : "onDrag",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPagePosition",
+        "name" : "onDragDrop",
         "type" : "function",
-        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
-        "sig" : "(x, y)",
+        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "x",
-            "type" : "Number",
-            "desc" : "The new x position",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           },
           {
-            "name" : "y",
-            "type" : "Number",
-            "desc" : "The new y position",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPosition",
+        "name" : "onDragEnter",
         "type" : "function",
-        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
-        "sig" : "(left, top)",
+        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "left",
-            "type" : "Number",
-            "desc" : "The new left",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "top",
-            "type" : "Number",
-            "desc" : "The new top",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setRawValue",
+        "name" : "onDragOut",
         "type" : "function",
-        "desc" : "Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {@link #setValue}.",
-        "sig" : "(value)",
+        "desc" : "Abstract method called when we are no longer hovering over an element",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
+            "isOptional" : false
+          },
+          {
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "onDragOver",
         "type" : "function",
-        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
-        "sig" : "(width, height)",
+        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
+        "sig" : "(e, id)",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number/Object",
-            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousemove event",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "name" : "id",
+            "type" : "String|DragDrop[]",
+            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.BoxComponent",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "onInvalidDrop",
         "type" : "function",
-        "desc" : "Sets a data value into the field and validates it.  To set the value directly without validation see {@link #setRawValue}.",
-        "sig" : "(value)",
+        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to set",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "onMouseDown",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mousedown event",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "syncSize",
-        "type" : "function",
-        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.BoxComponent",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "onMouseUp",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
+        "sig" : "(e)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "e",
+            "type" : "Event",
+            "desc" : "the mouseup event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "updateBox",
+        "name" : "padding",
         "type" : "function",
-        "desc" : "Sets the current box measurements of the component's underlying element.",
-        "sig" : "(box)",
+        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.BoxComponent",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "box",
-            "type" : "Object",
-            "desc" : "An object in the format {x, y, width, height}",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "validate",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Validates the field value",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.form.Field",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "validateValue",
-        "type" : "function",
-        "desc" : "Validates a value according to the field's validation rules and marks the field as invalid\nif the validation fails",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.form.TextField",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The value to validate",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the value is valid, else false"
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.form.ComboBox",
-      "Roo.form.ComboCheck",
-      "Roo.form.ComboNested",
-      "Roo.form.DateField",
-      "Roo.form.MonthField",
-      "Roo.form.Select"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.form.VTypes" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "alpha'",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "The function used to validate alpha values",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The value",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "alphanum'",
+        "name" : "removeFromGroup",
         "type" : "function",
-        "desc" : "The function used to validate alphanumeric values",
-        "sig" : "(value)",
+        "desc" : "Remove's this instance from the supplied interaction group",
+        "sig" : "(sGroup)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The value",
+            "name" : "sGroup",
+            "type" : "string",
+            "desc" : "The group to drop",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "email'",
+        "name" : "removeInvalidHandleClass",
         "type" : "function",
-        "desc" : "The function used to validate email addresses",
-        "sig" : "(value)",
+        "desc" : "Unsets an invalid css class",
+        "sig" : "(cssClass)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The email address",
+            "name" : "cssClass",
+            "type" : "string",
+            "desc" : "the class of the element(s) you wish to\nre-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "url'",
+        "name" : "removeInvalidHandleId",
         "type" : "function",
-        "desc" : "The function used to validate URLs",
-        "sig" : "(value)",
+        "desc" : "Unsets an invalid handle id",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The URL",
+            "name" : "id",
+            "type" : "string",
+            "desc" : "the id of the element to re-enable",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid.AbstractGridView" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "removeInvalidHandleType",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
+        "sig" : "(tagName)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "tagName",
+            "type" : "string",
+            "desc" : "the type of element to unexclude",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "resetConstraints",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
+        "sig" : "(maintainOffset)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "maintainOffset",
+            "type" : "boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "setDelta",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
+        "sig" : "(iDeltaX, iDeltaY)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
+            "name" : "iDeltaX",
+            "type" : "int",
+            "desc" : "the distance from the left",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "iDeltaY",
+            "type" : "int",
+            "desc" : "the distance from the top",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "setDragElId",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "setDragElPos",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DD",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "iPageX",
+            "type" : "int",
+            "desc" : "the X coordinate of the mousedown or drag event",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "iPageY",
+            "type" : "int",
+            "desc" : "the Y coordinate of the mousedown or drag event",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "setHandleElId",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "id",
+            "type" : "",
+            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "setInitPosition",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Stores the initial placement of the linked element.",
+        "sig" : "(diffX, diffY)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "diffX",
+            "type" : "int",
+            "desc" : "the X offset, default 0",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "diffY",
+            "type" : "int",
+            "desc" : "the Y offset, default 0",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setCSSStyle",
+        "name" : "setOuterHandleElId",
         "type" : "function",
-        "desc" : "Set a css style for a column dynamically.",
-        "sig" : "(colIndex, name, value)",
+        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "The index of the column",
-            "isOptional" : false
-          },
-          {
-            "name" : "name",
-            "type" : "String",
-            "desc" : "The css property name",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "The css value",
+            "name" : "id",
+            "type" : "",
+            "desc" : "the id of the element that will be used to initiate the drag",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "setPadding",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
+        "sig" : "(iTop, iRight, iBot, iLeft)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "iTop",
+            "type" : "int",
+            "desc" : "Top pad",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "Right pad",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "iBot",
+            "type" : "int",
+            "desc" : "Bot pad",
+            "isOptional" : false
+          },
+          {
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "Left pad",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : true,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid.AbstractSelectionModel" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "setXConstraint",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
+        "sig" : "(iLeft, iRight, iTickSize)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "iLeft",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the left",
+            "isOptional" : false
+          },
+          {
+            "name" : "iRight",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move to the\nright",
+            "isOptional" : false
+          },
+          {
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "setYConstraint",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
+        "sig" : "(iUp, iDown, iTickSize)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "iUp",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move up",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "iDown",
+            "type" : "int",
+            "desc" : "the number of pixels the element can move down",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "iTickSize",
+            "type" : "int",
+            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "startDrag",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
+        "sig" : "(X, Y)",
+        "static" : false,
+        "memberOf" : "Roo.dd.DragDrop",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
+            "name" : "X",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "Y",
+            "type" : "int",
+            "desc" : "click location",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "toString",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "toString method",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "string",
+            "desc" : "string representation of the dd obj"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isLocked",
+        "name" : "unlock",
         "type" : "function",
-        "desc" : "Returns true if the selections are locked.",
+        "desc" : "Unlock this instace",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "lock",
+        "name" : "unreg",
         "type" : "function",
-        "desc" : "Locks the selections.",
+        "desc" : "Remove all drag and drop hooks for this element",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.dd.DragDrop",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.Block" : {
+    "props" : [
+      {
+        "name" : "Context",
+        "type" : "Object",
+        "desc" : "menu - see Roo.form.HtmlEditor.ToolbarContext",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "friendly_name",
+        "type" : "String",
+        "desc" : "the name that appears in the context bar about this block",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "node",
+        "type" : "DomElement",
+        "desc" : "The node to apply stuff to.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "factory",
+        "type" : "function",
+        "desc" : "factory method to get the block from an element (using cache if necessary)",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "HtmlElement",
+            "desc" : "dom element",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "getVal",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "used by readEleemnt to extract data from a node\nmay need improving as it's pretty basic",
+        "sig" : "(node, tag, attribute, style)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "tag",
+            "type" : "String",
+            "desc" : "- tag to find, eg. IMG ?? might be better to use DomQuery ?",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "attribute",
+            "type" : "String",
+            "desc" : "(use html - for contents, style for using next param as style, or false to return the node)",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "style",
+            "type" : "String",
+            "desc" : "the style property - eg. text-align",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "initAll",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "desc" : "initalize all Elements from content that are 'blockable'",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "",
+            "desc" : "body element",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "readElement",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Read a node that has a 'data-block' property - and extract the values from it.",
+        "sig" : "(node)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "toHTML",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "convert to plain HTML for calling insertAtCursor..",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "toObject",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "create a DomHelper friendly object - for use with \nRoo.DomHelper.markup / overwrite / etc..\n(override this)",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "updateElement",
         "type" : "function",
-        "desc" : "Unlocks the selections.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Update a node with values from this object",
+        "sig" : "(node)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       }
     ],
-    "isAbstract" : true,
+    "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.grid.CellSelectionModel",
-      "Roo.grid.RowSelectionModel"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.grid.Calendar" : {
+  "Roo.htmleditor.BlockFigure" : {
     "props" : [
       {
-        "name" : "autoExpandColumn",
-        "type" : "String",
-        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoExpandMax",
-        "type" : "Number",
-        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoExpandMin",
-        "type" : "Number",
-        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoHeight",
-        "type" : "Boolean",
-        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoSizeColumns",
-        "type" : "Boolean",
-        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoSizeHeaders",
-        "type" : "Boolean",
-        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoWidth",
-        "type" : "Boolean",
-        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "cm[]",
-        "type" : "Roo.grid.ColumnModel",
-        "desc" : "The columns of the grid",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "ddGroup",
+        "name" : "align",
         "type" : "String",
-        "desc" : "- drag drop group.",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "t) alignment for the block default le",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "left",
+          "right"
+        ]
       },
       {
-        "name" : "ddText",
+        "name" : "caption",
         "type" : "String",
-        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "the text to appear below  (and in the alt tag)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dragGroup",
+        "name" : "caption_display",
         "type" : "String",
-        "desc" : "- drag group (?? not sure if needed.)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "dropTarget",
-        "type" : "Roo.dd.DropTarget",
-        "desc" : "An {@link Roo.dd.DropTarget} config",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "ds",
-        "type" : "Roo.grid.Store",
-        "desc" : "The data store for the grid",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableColumnHide",
-        "type" : "Boolean",
-        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableColumnMove",
-        "type" : "Boolean",
-        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableDrag",
-        "type" : "Boolean",
-        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableDragDrop",
-        "type" : "Boolean",
-        "desc" : "True to enable drag and drop of rows. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableDrop",
-        "type" : "Boolean",
-        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableRowHeightSync",
-        "type" : "Boolean",
-        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "eventStore",
-        "type" : "Store",
-        "desc" : "The store that loads events.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "desc" : "e) display or not the capti",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "block",
+          "none"
+        ]
       },
       {
-        "name" : "loadMask",
-        "type" : "Object",
-        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "image_height",
+        "type" : "String|number",
+        "desc" : "the height of the image number or %?",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "image_src",
+        "type" : "String",
+        "desc" : "the url for the image",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxRowsToMeasure",
-        "type" : "Boolean",
-        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
-        "memberOf" : "Roo.grid.Grid"
-      },
+        "name" : "image_width",
+        "type" : "String|number",
+        "desc" : "the width of the image number or %?",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "minColumnWidth",
-        "type" : "Number",
-        "desc" : "The minimum width a column can be resized to. Default is 25.",
-        "memberOf" : "Roo.grid.Grid"
-      },
+        "name" : "toObject",
+        "type" : "function",
+        "desc" : "create a DomHelper friendly object - for use with\nRoo.DomHelper.markup / overwrite / etc..",
+        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.BlockTable" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "monitorWindowResize",
-        "type" : "Boolean",
-        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
+        "name" : "toObject",
+        "type" : "function",
+        "desc" : "create a DomHelper friendly object - for use with\nRoo.DomHelper.markup / overwrite / etc..\n?? should it be called with option to hide all editing features?",
+        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.BlockTd" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "sm",
-        "type" : "Roo.grid.AbstractSelectionModel",
-        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
-        "memberOf" : "Roo.grid.Grid"
-      },
+        "name" : "toObject",
+        "type" : "function",
+        "desc" : "create a DomHelper friendly object - for use with\nRoo.DomHelper.markup / overwrite / etc..\n?? should it be called with option to hide all editing features?",
+        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.Filter" : {
+    "props" : [
       {
-        "name" : "stripeRows",
-        "type" : "Boolean",
-        "desc" : "True to stripe the rows.  Default is true.",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "node",
+        "type" : "DomElement",
+        "desc" : "The node to iterate and filter",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "a toolbar for buttons etc.",
-        "memberOf" : "Roo.grid.Grid"
-      },
+        "name" : "tag",
+        "type" : "boolean|String|Array",
+        "desc" : "Tags to replace",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterAttributes" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterBlack" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterBlock" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterComment" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterEmpty" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterHashLink" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterKeepChildren" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterLongBr" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterParagraph" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterSpan" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterStyleToTag" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterTableWidth" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.FilterWord" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "trackMouseOver",
-        "type" : "Boolean",
-        "desc" : "True to highlight rows when the mouse is over. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
+        "name" : "replaceTag",
+        "type" : "function",
+        "desc" : "Clean up MS wordisms...",
+        "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,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.KeyEnter" : {
+    "props" : [
       {
-        "name" : "view",
-        "type" : "Roo.grid.GridView",
-        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "core",
+        "type" : "Roo.HtmlEditorCore",
+        "desc" : "the editor.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
-    "events" : [
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.TidyEntities" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "bodyscroll",
+        "name" : "decode",
         "type" : "function",
-        "desc" : "Fires when the body element is scrolled",
-        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
+        "desc" : "Decodes the specified string, this will replace entities with raw UTF characters.",
+        "sig" : "(text)",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "scrollLeft",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollTop",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "Text to entity decode.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Entity decoded string."
+          }
+        ]
       },
       {
-        "name" : "cellclick",
+        "name" : "encodeAllRaw",
         "type" : "function",
-        "desc" : "Fires when a cell is clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "desc" : "Encoded the specified text with both the attributes and text entities. This function will produce larger text contents\nsince it doesn't know if the context is within a attribute or text node. This was added for compatibility\nand is exposed as the DOMUtils.encode function.",
+        "sig" : "(text)",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "Text to encode.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Entity encoded text."
+          }
+        ]
       },
       {
-        "name" : "cellcontextmenu",
+        "name" : "encodeNamed",
         "type" : "function",
-        "desc" : "Fires when a cell is right clicked",
-        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "desc" : "Encodes the specified string using named entities. The core entities will be encoded\nas named ones but all non lower ascii characters will be encoded into named entities.",
+        "sig" : "(text, attr, entities)",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "Text to encode.",
             "isOptional" : false
           },
           {
-            "name" : "cellIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "attr",
+            "type" : "Boolean",
+            "desc" : "Optional flag to specify if the text is attribute contents.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "entities",
+            "type" : "Object",
+            "desc" : "Optional parameter with entities to use.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Entity encoded text."
+          }
+        ]
       },
       {
-        "name" : "celldblclick",
+        "name" : "encodeNumeric",
         "type" : "function",
-        "desc" : "Fires when a cell is double clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
+        "desc" : "Encodes the specified string using numeric entities. The core entities will be\nencoded as named ones but all non lower ascii characters will be encoded into numeric entities.",
+        "sig" : "(text, attr)",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "Text to encode.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "attr",
+            "type" : "Boolean",
+            "desc" : "Optional flag to specify if the text is attribute contents.",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "Entity encoded text."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "columnmove",
+        "name" : "encodeRaw",
         "type" : "function",
-        "desc" : "Fires when the user moves a column",
-        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
+        "desc" : "Encodes the specified string using raw entities. This means only the required XML base entities will be encoded.",
+        "sig" : "(text, attr)",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "oldIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "Text to encode.",
             "isOptional" : false
           },
           {
-            "name" : "newIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "attr",
+            "type" : "Boolean",
+            "desc" : "Optional flag to specify if the text is attribute contents.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "Entity encoded text."
+          }
+        ]
       },
       {
-        "name" : "columnresize",
+        "name" : "getEncodeFunc",
         "type" : "function",
-        "desc" : "Fires when the user resizes a column",
-        "sig" : "function (columnIndex, newSize)\n{\n\n}",
+        "desc" : "Returns an encode function based on the name(s) and it's optional entities.",
+        "sig" : "(name, entities)",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "name",
+            "type" : "String",
+            "desc" : "Comma separated list of encoders for example named,numeric.",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "entities",
+            "type" : "String",
+            "desc" : "Optional parameter with entities to use instead of the built in set.",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "contextmenu",
-        "type" : "function",
-        "desc" : "The raw contextmenu event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "function",
+            "desc" : "Encode function to be used."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "dblclick",
+        "name" : "init",
         "type" : "function",
-        "desc" : "The raw dblclick event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "initialize data..",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.TidySerializer" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "dragdrop",
+        "name" : "inner",
         "type" : "function",
-        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "desc" : "",
+        "sig" : "(inner)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "inner",
+            "type" : "boolean",
+            "desc" : "do the inner of the node.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dragenter",
+        "name" : "serialize",
         "type" : "function",
-        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "desc" : "Serializes the specified node into a string.",
+        "sig" : "(node)",
+        "static" : false,
         "memberOf" : "",
-        "example" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "new tinymce.html.Serializer().serialize(new tinymce.html.DomParser().parse('<p>text</p>'));",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "Node instance to serialize.",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "dragout",
-        "type" : "function",
-        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "targetId",
+            "name" : "",
             "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
-            "isOptional" : false
+            "desc" : "String with HTML based on DOM tree."
           }
-        ],
-        "returns" : []
-      },
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.htmleditor.TidyWriter" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "dragover",
+        "name" : "cdata",
         "type" : "function",
-        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
+        "desc" : "Writes a cdata node such as <![CDATA[data]]>.",
+        "sig" : "(text)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
+            "name" : "text",
             "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "desc" : "String to write out inside the cdata.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enddrag",
+        "name" : "comment",
         "type" : "function",
-        "desc" : "Fires when a drag operation is complete",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "desc" : "Writes a comment node such as <!-- Comment -->.",
+        "sig" : "(text)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "String to write out inside the comment.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "eventclick",
+        "name" : "doctype",
         "type" : "function",
-        "desc" : "Fires when the mouse click an",
-        "sig" : "function (_self, )\n{\n\n}",
+        "desc" : "Writes a doctype node such as <!DOCTYPE data>.",
+        "sig" : "(text)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "",
-            "type" : "event",
-            "desc" : "",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "String to write out inside the doctype.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "evententer",
+        "name" : "end",
         "type" : "function",
-        "desc" : "Fires when mouse over an event",
-        "sig" : "function (_self, Event)\n{\n\n}",
+        "desc" : "Writes the a end element such as </p>.",
+        "sig" : "(name)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "Event",
-            "type" : "event",
-            "desc" : "",
+            "name" : "name",
+            "type" : "String",
+            "desc" : "Name of the element.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "eventleave",
+        "name" : "getContent",
         "type" : "function",
-        "desc" : "Fires when the mouse leaves an",
-        "sig" : "function (_self, )\n{\n\n}",
+        "desc" : "Returns the contents that got serialized.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
             "name" : "",
-            "type" : "event",
-            "desc" : "",
-            "isOptional" : false
+            "type" : "String",
+            "desc" : "HTML contents that got written down."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "eventrender",
+        "name" : "pi",
         "type" : "function",
-        "desc" : "Fires before each cell is rendered, so you can modify the contents, like cls / title / qtip",
-        "sig" : "function (_self, data)\n{\n\n}",
+        "desc" : "Writes a PI node such as <?xml attr=\"value\" ?>.",
+        "sig" : "(name, text)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Calendar",
-            "desc" : "",
+            "name" : "name",
+            "type" : "String",
+            "desc" : "Name of the pi.",
             "isOptional" : false
           },
           {
-            "name" : "data",
-            "type" : "data",
-            "desc" : "to be modified",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "String to write out inside the pi.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "headerclick",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Fires when a header is clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "desc" : "Resets the internal buffer if one wants to reuse the writer.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "headercontextmenu",
+        "name" : "start",
         "type" : "function",
-        "desc" : "Fires when a header is right clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "desc" : "Writes the a start element such as <p id=\"a\">.",
+        "sig" : "(name, attrs, empty)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "name",
+            "type" : "String",
+            "desc" : "Name of the element.",
             "isOptional" : false
           },
           {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "attrs",
+            "type" : "Array",
+            "desc" : "Optional attribute array or undefined if it hasn't any.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "empty",
+            "type" : "Boolean",
+            "desc" : "Optional empty state if the tag should end like <br />.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "headerdblclick",
+        "name" : "text",
         "type" : "function",
-        "desc" : "Fires when a header cell is double clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
+        "desc" : "Writes a text node.\n\nIn pre - we should not mess with the contents.",
+        "sig" : "(text, raw)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "String to write out.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "raw",
+            "type" : "Boolean",
+            "desc" : "Optional raw state if true the contents wont get encoded.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.layout" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.layout.BasicRegion" : {
+    "props" : [
       {
-        "name" : "keydown",
-        "type" : "function",
-        "desc" : "The raw keydown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
       {
-        "name" : "keypress",
+        "name" : "beforecollapse",
         "type" : "function",
-        "desc" : "The raw keypress event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "Fires when this region before collapse.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "monthchange",
+        "name" : "beforeremove",
         "type" : "function",
-        "desc" : "Fires when the displayed month changes",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
+        "sig" : "function (_self, panel, e)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "DatePicker",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected month",
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mousedown",
-        "type" : "function",
-        "desc" : "The raw mousedown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "type" : "Object",
+            "desc" : "The cancel event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "collapsed",
         "type" : "function",
-        "desc" : "The raw mouseout event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "Fires when this region is collapsed.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "expanded",
         "type" : "function",
-        "desc" : "The raw mouseover event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "Fires when this region is expanded.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseup",
+        "name" : "invalidated",
         "type" : "function",
-        "desc" : "The raw mouseup event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "Fires when the layout for this region is changed.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "panelactivated",
         "type" : "function",
-        "desc" : "Fires when the grid is rendered",
-        "sig" : "function (grid)\n{\n\n}",
+        "desc" : "Fires when a panel is activated.",
+        "sig" : "function (_self, panel)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "grid",
-            "type" : "Grid",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The activated panel",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowclass",
+        "name" : "paneladded",
         "type" : "function",
-        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
-        "sig" : "function (gridview, rowcfg)\n{\n\n}",
+        "desc" : "Fires when a panel is added.",
+        "sig" : "function (_self, panel)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "gridview",
-            "type" : "GridView",
-            "desc" : "The grid view",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rowcfg",
-            "type" : "Object",
-            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowclick",
+        "name" : "panelremoved",
         "type" : "function",
-        "desc" : "Fires when a row is clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "desc" : "Fires when a panel is removed.",
+        "sig" : "function (_self, panel)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowcontextmenu",
+        "name" : "resized",
         "type" : "function",
-        "desc" : "Fires when a row is right clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "desc" : "Fires when the user resizes this region.",
+        "sig" : "function (_self, newSize)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rowIndex",
+            "name" : "newSize",
             "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "desc" : "The new size (width for east/west, height for north/south)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowdblclick",
+        "name" : "slidehide",
         "type" : "function",
-        "desc" : "Fires when a row is double clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "desc" : "Fires when this region slides out of view.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "select",
+        "name" : "slideshow",
         "type" : "function",
-        "desc" : "Fires when a date is selected",
-        "sig" : "function (_self, date)\n{\n\n}",
+        "desc" : "Fires when this region is slid into view.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "DatePicker",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
-            "desc" : "The selected date",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "startdrag",
+        "name" : "visibilitychange",
         "type" : "function",
-        "desc" : "Fires when row(s) start being dragged",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "desc" : "Fires when this region is shown or hidden",
+        "sig" : "function (_self, visibility)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "visibility",
+            "type" : "Boolean",
+            "desc" : "true or false",
             "isOptional" : false
           }
         ],
     ],
     "methods" : [
       {
-        "name" : "addColumns",
+        "name" : "add",
         "type" : "function",
-        "desc" : "addColumns\nAdd's a column, default at the end..",
-        "sig" : "(position, of)",
+        "desc" : "Add the passed ContentPanel(s)",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "position",
-            "type" : "int",
-            "desc" : "to add (default end)",
-            "isOptional" : false
-          },
-          {
-            "name" : "of",
-            "type" : "Array",
-            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
+            "name" : "panel",
+            "type" : "panel.Content...",
+            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel added (if only one was added)"
+          }
+        ]
       },
       {
         "name" : "addEvents",
         ],
         "returns" : []
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroy this grid.",
-        "sig" : "(removeEl)",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "removeEl",
-            "type" : "Boolean",
-            "desc" : "True to remove the element",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getColumnModel",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Returns the grid's ColumnModel.",
+        "desc" : "Get the active panel for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "ColumnModel",
-            "desc" : ""
+            "type" : "Roo.panel.Content",
+            "desc" : "The active panel or null"
           }
         ]
       },
       {
-        "name" : "getDataSource",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the grid's DataSource.",
+        "desc" : "Returns the container element for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "DataSource",
+            "type" : "Roo.Element",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getDragDropText",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.\nOverride this to put something different in the dragged text.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the panel specified or null if it's not in this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Roo.panel.Content",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getGridEl",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Returns the grid's underlying element.",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getSelectionModel",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns the grid's SelectionModel.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "SelectionModel",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "getView",
+        "name" : "hasPanel",
         "type" : "function",
-        "desc" : "Returns the grid's GridView object.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns true if the panel is in this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "GridView",
+            "type" : "Boolean",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns true if this region is currently visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : ""
           }
         ]
       },
         "returns" : []
       },
       {
-        "name" : "reconfigure",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
-        "sig" : "(dataSource, The)",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "dataSource",
-            "type" : "Roo.data.Store",
-            "desc" : "The new {@link Roo.data.Store} object",
-            "isOptional" : false
-          },
-          {
-            "name" : "The",
-            "type" : "Roo.grid.ColumnModel",
-            "desc" : "new {@link Roo.grid.ColumnModel} object",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
+        "sig" : "(panel, preservePanel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          },
+          {
+            "name" : "preservePanel",
+            "type" : "Boolean",
+            "desc" : "Overrides the config preservePanel option",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel that was removed"
+          }
+        ]
       },
       {
         "name" : "removeListener",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
+        "sig" : "(newSize)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "showPanel",
+        "type" : "function",
+        "desc" : "Show the specified panel.",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panelId",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.grid.Grid",
-            "desc" : "this"
+            "type" : "Roo.panel.Content",
+            "desc" : "The shown panel or null"
           }
         ]
       },
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.bootstrap.layout.Split",
+      "Roo.layout.Region",
+      "Roo.layout.SplitRegion"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.grid.CellSelectionModel" : {
+  "Roo.layout.Border" : {
     "props" : [
       {
-        "name" : "enter_is_tab",
-        "type" : "Boolean",
-        "desc" : "Enter behaves the same as tab. (eg. goes to next cell) default: false",
-        "memberOf" : ""
+        "name" : "center",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "east",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "north",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "south",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "west",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforeeditnext",
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Fires before the next editable sell is made active\nYou can use this to skip to another cell or fire the tabend\n   if you set cell to false",
-        "sig" : "function (eventdata)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when a layout is performed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "eventdata",
-            "type" : "Object",
-            "desc" : "object : { cell : [ row, col ] }",
+            "name" : "this",
+            "type" : "Roo.layout.Manager",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforerowselect",
+        "name" : "regioncollapsed",
         "type" : "function",
-        "desc" : "Fires before a cell is selected.",
-        "sig" : "function (_self, rowIndex, colIndex)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when a region is collapsed.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "SelectionModel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "The selected row index",
-            "isOptional" : false
-          },
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "The selected cell index",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The collapsed region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "cellselect",
+        "name" : "regionexpanded",
         "type" : "function",
-        "desc" : "Fires when a cell is selected.",
-        "sig" : "function (_self, rowIndex, colIndex)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when a region is expanded.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "SelectionModel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "The selected row index",
-            "isOptional" : false
-          },
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "The selected cell index",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The expanded region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "selectionchange",
+        "name" : "regionresized",
         "type" : "function",
-        "desc" : "Fires when the active selection changes.",
-        "sig" : "function (_self, selection)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when the user resizes a region.",
+        "sig" : "function (region, newSize)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "SelectionModel",
-            "desc" : "",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The resized region",
             "isOptional" : false
           },
           {
-            "name" : "selection",
-            "type" : "Object",
-            "desc" : "null for no selection or an object (o) with two properties\n\t        <ul>\n\t        <li>o.record: the record object for the row the selection is in</li>\n\t        <li>o.cell: An array of [rowIndex, columnIndex]</li>\n\t        </ul>",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "tabend",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires when the tab (or enter) was pressed on the last editable cell\nYou can use this to trigger add new row.",
-        "sig" : "function (_self)\n{\n\n}",
+        "desc" : "Adds a ContentPanel (or subclass) to this layout.",
+        "sig" : "(target, panel)",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "SelectionModel",
-            "desc" : "",
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The target region key (north, south, east, west or center).",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel to add",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The added panel"
+          }
+        ]
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "capture",
-        "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "clearSelections",
+        "name" : "addRegion",
         "type" : "function",
-        "desc" : "Clears all selections.",
-        "sig" : "(true)",
+        "desc" : "Creates and adds a new region if it doesn't already exist.",
+        "sig" : "(target, config)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "true",
-            "type" : "Boolean",
-            "desc" : "to prevent the gridview from being notified about the change.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
+            "name" : "target",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The target region key (north, south, east, west or center).",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "The regions config object",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "BorderLayoutRegion",
+            "desc" : "The new region"
           }
         ]
       },
       {
-        "name" : "getSelectedCell",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Returns the currently selected cell,.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds a xtype elements to the layout.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\nlayout.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
+        "sig" : "(cfg)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "The selected cell (row, column) or null if none selected."
-          }
-        ]
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasSelection",
+        "name" : "batchAdd",
         "type" : "function",
-        "desc" : "Returns true if there is a selection.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds a batch of multiple ContentPanels dynamically by passing a special regions config object.  This config\nobject should contain properties for each region to add ContentPanels to, and each property's value should be\na valid ContentPanel config object.  Example:\n<pre><code>\n// Create the main layout\nvar layout = new Roo.layout.Border('main-ct', {\n    west: {\n        split:true,\n        minSize: 175,\n        titlebar: true\n    },\n    center: {\n        title:'Components'\n    }\n}, 'main-ct');\n\n// Create and add multiple ContentPanels at once via configs\nlayout.batchAdd({\n   west: {\n       id: 'source-files',\n       autoCreate:true,\n       title:'Ext Source Files',\n       autoScroll:true,\n       fitToFrame:true\n   },\n   center : {\n       el: cview,\n       autoScroll:true,\n       fitToFrame:true,\n       toolbar: tb,\n       resizeEl:'cbody'\n   }\n});\n</code></pre>",
+        "sig" : "(regions)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "isLocked",
-        "type" : "function",
-        "desc" : "Returns true if the selections are locked.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.grid.AbstractSelectionModel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "name" : "regions",
+            "type" : "Object",
+            "desc" : "An object containing ContentPanel configs by region name",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "lock",
+        "name" : "beginUpdate",
         "type" : "function",
-        "desc" : "Locks the selections.",
+        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.AbstractSelectionModel",
+        "memberOf" : "Roo.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "handler",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onEditorKey",
+        "name" : "create",
         "type" : "function",
-        "desc" : "Selects a cell.",
-        "sig" : "(field, e)",
-        "static" : false,
+        "desc" : "Shortcut for creating a new BorderLayout object and adding one or more ContentPanels to it in a single step, handling\nthe beginUpdate and endUpdate calls internally.  The key to this method is the <b>panels</b> property that can be\nprovided with each region config, which allows you to add ContentPanel configs in addition to the region configs\nduring creation.  The following code is equivalent to the constructor-based example at the beginning of this class:\n<pre><code>\n// shorthand\nvar CP = Roo.ContentPanel;\n\nvar layout = Roo.layout.Border.create({\n    north: {\n        initialSize: 25,\n        titlebar: false,\n        panels: [new CP(\"north\", \"North\")]\n    },\n    west: {\n        split:true,\n        initialSize: 200,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"west\", {title: \"West\"})]\n    },\n    east: {\n        split:true,\n        initialSize: 202,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"autoTabs\", {title: \"Auto Tabs\", closable: true})]\n    },\n    south: {\n        split:true,\n        initialSize: 100,\n        minSize: 100,\n        maxSize: 200,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"south\", {title: \"South\", closable: true})]\n    },\n    center: {\n        titlebar: true,\n        autoScroll:true,\n        resizeTabs: true,\n        minTabWidth: 50,\n        preferredTabWidth: 150,\n        panels: [\n            new CP(\"center1\", {title: \"Close Me\", closable: true}),\n            new CP(\"center2\", {title: \"Center Panel\", closable: false})\n        ]\n    }\n}, document.body);\n\nlayout.getRegion(\"center\").showPanel(\"center1\");\n</code></pre>",
+        "sig" : "(config, targetEl)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "field",
-            "type" : "Number",
-            "desc" : "(not used) - as it's normally used as a listener",
+            "name" : "config",
+            "type" : "",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Number",
-            "desc" : "- event - fake it by using\n\nvar e = Roo.EventObjectImpl.prototype;\ne.keyCode = e.TAB",
+            "name" : "targetEl",
+            "type" : "",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "endUpdate",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
+        "sig" : "(noLayout)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "noLayout",
+            "type" : "Boolean",
+            "desc" : "true to disable a layout update",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "findPanel",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Searches all regions for a panel with the specified id",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "panelId",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel or null if it wasn't found"
+          }
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "select",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Selects a cell.",
-        "sig" : "(rowIndex, collIndex)",
+        "desc" : "Returns the Element this layout is bound to.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "collIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "un",
+        "name" : "getRegion",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Returns the specified region.",
+        "sig" : "(target)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "target",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.layout.Region",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "unlock",
+        "name" : "getViewSize",
         "type" : "function",
-        "desc" : "Unlocks the selections.",
+        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.AbstractSelectionModel",
+        "memberOf" : "Roo.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid.ColumnModel" : {
-    "props" : [
-      {
-        "name" : "align",
-        "type" : "String",
-        "desc" : "(Optional) Set the CSS text-align property of the column.  Defaults to undefined.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cursor",
-        "type" : "String",
-        "desc" : "(Optional)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "dataIndex",
-        "type" : "String",
-        "desc" : "(Optional) The name of the field in the grid's {@link Roo.data.Store}'s\n{@link Roo.data.Record} definition from which to draw the column's value. If not\nspecified, the column's index is used as an index into the Record's data Array.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "editor",
-        "type" : "Roo.grid.GridEditor",
-        "desc" : "(Optional) For grid editors - returns the grid editor",
-        "memberOf" : ""
-      },
-      {
-        "name" : "fixed",
-        "type" : "Boolean",
-        "desc" : "(Optional) True if the column width cannot be changed.  Defaults to false.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "header",
-        "type" : "String",
-        "desc" : "The header text to display in the Grid view.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "(Optional) True to hide the column. Defaults to false.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lg",
-        "type" : "Number",
-        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "lgHeader",
-        "type" : "String",
-        "desc" : "Header at Bootsrap Large width",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "locked",
-        "type" : "Boolean",
-        "desc" : "(Optional) True to lock the column in place while scrolling the Grid.  Defaults to false.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "md",
-        "type" : "Number",
-        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "mdHeader",
-        "type" : "String",
-        "desc" : "Header at Bootsrap Medium width",
-        "memberOf" : ""
-      },
-      {
-        "name" : "renderer",
-        "type" : "Function",
-        "desc" : "(Optional) A function used to generate HTML markup for a cell\ngiven the cell's data value. See {@link #setRenderer}. If not specified, the\ndefault renderer returns the escaped data value. If an object is returned (bootstrap only)\nthen it is treated as a Roo Component object instance, and it is rendered after the initial row is rendered",
-        "memberOf" : ""
-      },
-      {
-        "name" : "resizable",
-        "type" : "Boolean",
-        "desc" : "(Optional) False to disable column resizing. Defaults to true.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sm",
-        "type" : "Number",
-        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "smHeader",
-        "type" : "String",
-        "desc" : "Header at Bootsrap Small width",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sortable",
-        "type" : "Boolean",
-        "desc" : "(Optional) True if sorting is to be allowed on this column.\nDefaults to the value of the {@link #defaultSortable} property.\nWhether local/remote sorting is used is specified in {@link Roo.data.Store#remoteSort}.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "tooltip",
-        "type" : "String",
-        "desc" : "(Optional)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "valign",
-        "type" : "String",
-        "desc" : "(Optional) Set the CSS vertical-align property of the column (eg. middle, top, bottom etc).  Defaults to undefined.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "width",
-        "type" : "Number",
-        "desc" : "(Optional) The initial width in pixels of the column. Using this\ninstead of {@link Roo.grid.Grid#autoSizeColumns} is more efficient.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xl",
-        "type" : "Number",
-        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xlHeader",
-        "type" : "String",
-        "desc" : "Header at Bootsrap extra Large width",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xs",
-        "type" : "Number",
-        "desc" : "(Optional) can be '0' for hidden at this size (number less than 12)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "xsHeader",
-        "type" : "String",
-        "desc" : "Header at Bootsrap Extra Small width (default for all)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "columlockchange",
-        "type" : "function",
-        "desc" : "Fires when a column's locked state is changed",
-        "sig" : "function (_self, colIndex, locked)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "ColumnModel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "locked",
-            "type" : "Boolean",
-            "desc" : "true if locked",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "columnmoved",
-        "type" : "function",
-        "desc" : "Fires when a column is moved.",
-        "sig" : "function (_self, oldIndex, newIndex)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "ColumnModel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "newIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The size as an object {width: (the width), height: (the height)}"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "headerchange",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires when the text of a header changes.",
-        "sig" : "function (_self, columnIndex, newText)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "ColumnModel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "newText",
-            "type" : "Number",
-            "desc" : "The new header text",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "hiddenchange",
-        "type" : "function",
-        "desc" : "Fires when a column is hidden or \"unhidden\".",
-        "sig" : "function (_self, columnIndex, hidden)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "ColumnModel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
+        "returns" : [
           {
-            "name" : "hidden",
+            "name" : "",
             "type" : "Boolean",
-            "desc" : "true if hidden, false otherwise",
-            "isOptional" : false
+            "desc" : "True if the event is being listened for, else false"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "widthchange",
-        "type" : "function",
-        "desc" : "Fires when the width of a column changes.",
-        "sig" : "function (_self, columnIndex, newWidth)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "ColumnModel",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "newWidth",
-            "type" : "Number",
-            "desc" : "The new width",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
-      {
-        "name" : "addColumn",
+        "name" : "isUpdating",
         "type" : "function",
-        "desc" : "Add a column (experimental...) - defaults to adding to the end..",
-        "sig" : "(config)",
+        "desc" : "Returns true if this layout is currently being updated",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.layout.Manager",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "addEvents",
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Performs a layout update.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
         "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "findColumnIndex",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Returns the index for a specified column dataIndex.",
-        "sig" : "(dataIndex)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "dataIndex",
-            "type" : "String",
-            "desc" : "The column dataIndex",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "the index, or -1 if not found"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Remove a ContentPanel (or subclass) to this layout.",
+        "sig" : "(target, panel)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "target",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The target region key (north, south, east, west or center).",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "panel",
+            "type" : "Number/String/Roo.panel.Content",
+            "desc" : "The index, id or panel to remove",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.panel.Content",
+            "desc" : "The removed panel"
           }
         ]
       },
       {
-        "name" : "getCellEditor",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Returns the editor defined for the cell/column.\nreturn false or null to disable editing.",
-        "sig" : "(colIndex, rowIndex)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "The row index",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
+            "name" : "scope",
             "type" : "Object",
-            "desc" : ""
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getColumnByDataIndex",
+        "name" : "restoreState",
         "type" : "function",
-        "desc" : "Returns the column Object for a specified dataIndex.",
-        "sig" : "(dataIndex)",
+        "desc" : "Restores this layout's state using Roo.state.Manager or the state provided by the passed provider.",
+        "sig" : "(provider)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "dataIndex",
-            "type" : "String",
-            "desc" : "The column dataIndex",
+            "name" : "provider",
+            "type" : "Roo.state.Provider",
+            "desc" : "(optional) An alternate state provider",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Object|Boolean",
-            "desc" : "the column or false if not found"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getColumnById",
+        "name" : "showPanel",
         "type" : "function",
-        "desc" : "Returns the column for a specified id.",
-        "sig" : "(id)",
+        "desc" : "Searches all regions for a panel with the specified id and activates (shows) it.",
+        "sig" : "(panelId)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The column id",
+            "name" : "panelId",
+            "type" : "String/panel.Content",
+            "desc" : "The panels id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "the column"
+            "type" : "Roo.panel.Content",
+            "desc" : "The shown panel or null"
           }
         ]
       },
       {
-        "name" : "getColumnCount",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Returns the number of columns.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.layout.Reader"
+    ],
+    "tree_children" : [
+      "Roo.panel.Content",
+      "Roo.panel.Grid",
+      "Roo.panel.NestedLayout",
+      "Roo.panel.Tree"
+    ],
+    "tree_parent" : []
+  },
+  "Roo.layout.Manager" : {
+    "props" : [
       {
-        "name" : "getColumnHeader",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Returns the header for the specified column.",
-        "sig" : "(col)",
-        "static" : false,
+        "desc" : "Fires when a layout is performed.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "this",
+            "type" : "Roo.layout.Manager",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getColumnId",
+        "name" : "regioncollapsed",
         "type" : "function",
-        "desc" : "Returns the id of the column at the specified index.",
-        "sig" : "(index)",
-        "static" : false,
+        "desc" : "Fires when a region is collapsed.",
+        "sig" : "function (region)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The collapsed region",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "the id"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getColumnTooltip",
+        "name" : "regionexpanded",
         "type" : "function",
-        "desc" : "Returns the tooltip for the specified column.",
-        "sig" : "(col)",
-        "static" : false,
+        "desc" : "Fires when a region is expanded.",
+        "sig" : "function (region)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The expanded region",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getColumnWidth",
+        "name" : "regionresized",
         "type" : "function",
-        "desc" : "Returns the width for the specified column.",
-        "sig" : "(col, (optional))",
-        "static" : false,
+        "desc" : "Fires when the user resizes a region.",
+        "sig" : "function (region, newSize)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The resized region",
             "isOptional" : false
           },
           {
-            "name" : "(optional)",
-            "type" : "",
-            "desc" : "{String} gridSize bootstrap width size.",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
-          }
-        ]
-      },
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "getColumnsBy",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Returns the column configs that return true by the passed function that is called with (columnConfig, index)",
-        "sig" : "(fn, scope)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "object",
             "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Array",
-            "desc" : "result"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getDataIndex",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Returns the dataIndex for the specified column.",
-        "sig" : "(col)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getIndexById",
+        "name" : "beginUpdate",
         "type" : "function",
-        "desc" : "Returns the index for a specified column id.",
-        "sig" : "(id)",
+        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "The column id",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "the index, or -1 if not found"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "getRenderer",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Returns the rendering (formatting) function defined for the column.",
-        "sig" : "(col)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index.",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
+            "name" : "fn",
             "type" : "Function",
-            "desc" : "The function used to render the cell. See {@link #setRenderer}."
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getTotalWidth",
+        "name" : "endUpdate",
         "type" : "function",
-        "desc" : "Returns the total width of all columns.",
-        "sig" : "(includeHidden)",
+        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
+        "sig" : "(noLayout)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "includeHidden",
+            "name" : "noLayout",
             "type" : "Boolean",
-            "desc" : "True to include hidden column widths",
+            "desc" : "true to disable a layout update",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Number",
-            "desc" : ""
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The name of the event to check for",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "isCellEditable",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns true if the cell is editable.",
-        "sig" : "(colIndex, rowIndex)",
+        "desc" : "Returns the Element this layout is bound to.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "The row index - this is nto actually used..?",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
+            "type" : "Roo.Element",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "isFixed",
+        "name" : "getRegion",
         "type" : "function",
-        "desc" : "Returns true if the column width cannot be changed",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the specified region.",
+        "sig" : "(target)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.layout.Region",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "isHidden",
+        "name" : "getViewSize",
         "type" : "function",
-        "desc" : "Returns true if the column is hidden.",
-        "sig" : "(colIndex)",
+        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Object",
+            "desc" : "The size as an object {width: (the width), height: (the height)}"
           }
         ]
       },
       {
-        "name" : "isResizable",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns true if the column can be resized",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
             "type" : "Boolean",
-            "desc" : ""
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "isSortable",
+        "name" : "isUpdating",
         "type" : "function",
-        "desc" : "Returns true if the specified column is sortable.",
-        "sig" : "(col)",
+        "desc" : "Returns true if this layout is currently being updated",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
         "returns" : []
       },
       {
-        "name" : "setColumnHeader",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Sets the header for a column.",
-        "sig" : "(col, header)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "header",
-            "type" : "String",
-            "desc" : "The new header",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.layout.Border",
+      "Roo.layout.Reader"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.layout.Reader" : {
+    "props" : [
+      {
+        "name" : "center",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "Roo.layout.Border",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "setColumnTooltip",
+        "name" : "east",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "Roo.layout.Border",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "north",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "Roo.layout.Border",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "south",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "Roo.layout.Border",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "west",
+        "type" : "Roo.layout.Region",
+        "desc" : "",
+        "memberOf" : "Roo.layout.Border",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "layout",
         "type" : "function",
-        "desc" : "Sets the tooltip for a column.",
-        "sig" : "(col, tooltip)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a layout is performed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "tooltip",
-            "type" : "String",
-            "desc" : "The new tooltip",
+            "name" : "this",
+            "type" : "Roo.layout.Manager",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setColumnWidth",
+        "name" : "regioncollapsed",
         "type" : "function",
-        "desc" : "Sets the width for a column.",
-        "sig" : "(col, width)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a region is collapsed.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The collapsed region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDataIndex",
+        "name" : "regionexpanded",
         "type" : "function",
-        "desc" : "Sets the dataIndex for a column.",
-        "sig" : "(col, dataIndex)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a region is expanded.",
+        "sig" : "function (region)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "dataIndex",
-            "type" : "Number",
-            "desc" : "The new dataIndex",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The expanded region",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setEditable",
+        "name" : "regionresized",
         "type" : "function",
-        "desc" : "Sets if a column is editable.",
-        "sig" : "(col, editable)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the user resizes a region.",
+        "sig" : "function (region, newSize)\n{\n\n}",
+        "memberOf" : "Roo.layout.Manager",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "region",
+            "type" : "Roo.layout.Region",
+            "desc" : "The resized region",
             "isOptional" : false
           },
           {
-            "name" : "editable",
-            "type" : "Boolean",
-            "desc" : "True if the column is editable",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "setEditor",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Sets the editor for a column.",
-        "sig" : "(col, editor)",
+        "desc" : "Adds a ContentPanel (or subclass) to this layout.",
+        "sig" : "(target, panel)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.layout.Border",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The target region key (north, south, east, west or center).",
             "isOptional" : false
           },
           {
-            "name" : "editor",
-            "type" : "Object",
-            "desc" : "The editor object",
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel to add",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The added panel"
+          }
+        ]
       },
       {
-        "name" : "setHidden",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Sets if a column is hidden.",
-        "sig" : "(colIndex, hidden)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "hidden",
-            "type" : "Boolean",
-            "desc" : "True if the column is hidden",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setRenderer",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Sets the rendering (formatting) function for a column.",
-        "sig" : "(col, fn)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "fn",
+            "name" : "handler",
             "type" : "Function",
-            "desc" : "The function to use to process the cell's raw data\nto return HTML markup for the grid view. The render function is called with\nthe following parameters:<ul>\n<li>Data value.</li>\n<li>Cell metadata. An object in which you may set the following attributes:<ul>\n<li>css A CSS style string to apply to the table cell.</li>\n<li>attr An HTML attribute definition string to apply to the data container element <i>within</i> the table cell.</li></ul>\n<li>The {@link Roo.data.Record} from which the data was extracted.</li>\n<li>Row index</li>\n<li>Column index</li>\n<li>The {@link Roo.data.Store} object from which the Record was extracted</li></ul>",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "addRegion",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Creates and adds a new region if it doesn't already exist.",
+        "sig" : "(target, config)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.layout.Border",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "target",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The target region key (north, south, east, west or center).",
             "isOptional" : false
           },
           {
-            "name" : "scope",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "The regions config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid.EditorGrid" : {
-    "props" : [
-      {
-        "name" : "autoExpandColumn",
-        "type" : "String",
-        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoExpandMax",
-        "type" : "Number",
-        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoExpandMin",
-        "type" : "Number",
-        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoHeight",
-        "type" : "Boolean",
-        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoSizeColumns",
-        "type" : "Boolean",
-        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoSizeHeaders",
-        "type" : "Boolean",
-        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoWidth",
-        "type" : "Boolean",
-        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "clicksToEdit",
-        "type" : "Number",
-        "desc" : "The number of clicks on a cell required to display the cell's editor (defaults to 2)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "cm[]",
-        "type" : "Roo.grid.ColumnModel",
-        "desc" : "The columns of the grid",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "ddGroup",
-        "type" : "String",
-        "desc" : "- drag drop group.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "ddText",
-        "type" : "String",
-        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "dragGroup",
-        "type" : "String",
-        "desc" : "- drag group (?? not sure if needed.)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "dropTarget",
-        "type" : "Roo.dd.DropTarget",
-        "desc" : "An {@link Roo.dd.DropTarget} config",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "ds",
-        "type" : "Roo.grid.Store",
-        "desc" : "The data store for the grid",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableColumnHide",
-        "type" : "Boolean",
-        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableColumnMove",
-        "type" : "Boolean",
-        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableDrag",
-        "type" : "Boolean",
-        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableDragDrop",
-        "type" : "Boolean",
-        "desc" : "True to enable drag and drop of rows. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableDrop",
-        "type" : "Boolean",
-        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableRowHeightSync",
-        "type" : "Boolean",
-        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadMask",
-        "type" : "Object",
-        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "maxRowsToMeasure",
-        "type" : "Boolean",
-        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "minColumnWidth",
-        "type" : "Number",
-        "desc" : "The minimum width a column can be resized to. Default is 25.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "monitorWindowResize",
-        "type" : "Boolean",
-        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "sm",
-        "type" : "Roo.grid.AbstractSelectionModel",
-        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "stripeRows",
-        "type" : "Boolean",
-        "desc" : "True to stripe the rows.  Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "a toolbar for buttons etc.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "trackMouseOver",
-        "type" : "Boolean",
-        "desc" : "True to highlight rows when the mouse is over. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "BorderLayoutRegion",
+            "desc" : "The new region"
+          }
+        ]
       },
       {
-        "name" : "view",
-        "type" : "Roo.grid.GridView",
-        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
-        "memberOf" : "Roo.grid.Grid"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "afteredit",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Fires after a cell is edited. <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n</ul>",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Adds a xtype elements to the layout.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\nlayout.addxtype({\n        xtype : 'NestedLayoutPanel',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
+        "sig" : "(cfg)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
+            "name" : "cfg",
             "type" : "Object",
-            "desc" : "An edit event (see above for description)",
+            "desc" : "Xtype definition of item to add.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeedit",
+        "name" : "batchAdd",
         "type" : "function",
-        "desc" : "Fires before cell editing is triggered. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value for the field being edited.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Adds a batch of multiple ContentPanels dynamically by passing a special regions config object.  This config\nobject should contain properties for each region to add ContentPanels to, and each property's value should be\na valid ContentPanel config object.  Example:\n<pre><code>\n// Create the main layout\nvar layout = new Roo.layout.Border('main-ct', {\n    west: {\n        split:true,\n        minSize: 175,\n        titlebar: true\n    },\n    center: {\n        title:'Components'\n    }\n}, 'main-ct');\n\n// Create and add multiple ContentPanels at once via configs\nlayout.batchAdd({\n   west: {\n       id: 'source-files',\n       autoCreate:true,\n       title:'Ext Source Files',\n       autoScroll:true,\n       fitToFrame:true\n   },\n   center : {\n       el: cview,\n       autoScroll:true,\n       fitToFrame:true,\n       toolbar: tb,\n       resizeEl:'cbody'\n   }\n});\n</code></pre>",
+        "sig" : "(regions)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
+            "name" : "regions",
             "type" : "Object",
-            "desc" : "An edit event (see above for description)",
+            "desc" : "An object containing ContentPanel configs by region name",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "bodyscroll",
+        "name" : "beginUpdate",
         "type" : "function",
-        "desc" : "Fires when the body element is scrolled",
-        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Suspend the LayoutManager from doing auto-layouts while\nmaking multiple add or remove calls",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Manager",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "scrollLeft",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollTop",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "cellclick",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires when a cell is clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "cellcontextmenu",
+        "name" : "create",
         "type" : "function",
-        "desc" : "Fires when a cell is right clicked",
-        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Shortcut for creating a new BorderLayout object and adding one or more ContentPanels to it in a single step, handling\nthe beginUpdate and endUpdate calls internally.  The key to this method is the <b>panels</b> property that can be\nprovided with each region config, which allows you to add ContentPanel configs in addition to the region configs\nduring creation.  The following code is equivalent to the constructor-based example at the beginning of this class:\n<pre><code>\n// shorthand\nvar CP = Roo.ContentPanel;\n\nvar layout = Roo.layout.Border.create({\n    north: {\n        initialSize: 25,\n        titlebar: false,\n        panels: [new CP(\"north\", \"North\")]\n    },\n    west: {\n        split:true,\n        initialSize: 200,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"west\", {title: \"West\"})]\n    },\n    east: {\n        split:true,\n        initialSize: 202,\n        minSize: 175,\n        maxSize: 400,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"autoTabs\", {title: \"Auto Tabs\", closable: true})]\n    },\n    south: {\n        split:true,\n        initialSize: 100,\n        minSize: 100,\n        maxSize: 200,\n        titlebar: true,\n        collapsible: true,\n        panels: [new CP(\"south\", {title: \"South\", closable: true})]\n    },\n    center: {\n        titlebar: true,\n        autoScroll:true,\n        resizeTabs: true,\n        minTabWidth: 50,\n        preferredTabWidth: 150,\n        panels: [\n            new CP(\"center1\", {title: \"Close Me\", closable: true}),\n            new CP(\"center2\", {title: \"Center Panel\", closable: false})\n        ]\n    }\n}, document.body);\n\nlayout.getRegion(\"center\").showPanel(\"center1\");\n</code></pre>",
+        "sig" : "(config, targetEl)",
+        "static" : true,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "cellIndex",
-            "type" : "Number",
+            "name" : "config",
+            "type" : "",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "targetEl",
+            "type" : "",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "celldblclick",
+        "name" : "endUpdate",
         "type" : "function",
-        "desc" : "Fires when a cell is double clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Restore auto-layouts and optionally disable the manager from performing a layout",
+        "sig" : "(noLayout)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Manager",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "noLayout",
+            "type" : "Boolean",
+            "desc" : "true to disable a layout update",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "findPanel",
         "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Searches all regions for a panel with the specified id",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "panelId",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel or null if it wasn't found"
+          }
+        ]
       },
       {
-        "name" : "columnmove",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Fires when the user moves a column",
-        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "oldIndex",
-            "type" : "Number",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "columnresize",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Fires when the user resizes a column",
-        "sig" : "function (columnIndex, newSize)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Returns the Element this layout is bound to.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Manager",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "contextmenu",
+        "name" : "getRegion",
         "type" : "function",
-        "desc" : "The raw contextmenu event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Returns the specified region.",
+        "sig" : "(target)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Manager",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "target",
+            "type" : "String",
+            "desc" : "The region key ('center', 'north', 'south', 'east' or 'west')",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.layout.Region",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "dblclick",
+        "name" : "getViewSize",
         "type" : "function",
-        "desc" : "The raw dblclick event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Returns the size of the current view. This method normalizes document.body and element embedded layouts and\nperforms box-model adjustments.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Manager",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Object",
+            "desc" : "The size as an object {width: (the width), height: (the height)}"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "dragdrop",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "isUpdating",
+        "type" : "function",
+        "desc" : "Returns true if this layout is currently being updated",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Manager",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "layout",
+        "type" : "function",
+        "desc" : "Performs a layout update.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "dragenter",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dragout",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dragover",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Remove a ContentPanel (or subclass) to this layout.",
+        "sig" : "(target, panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
+            "name" : "target",
             "type" : "String",
-            "desc" : "The target drag drop object",
+            "desc" : "The target region key (north, south, east, west or center).",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "panel",
+            "type" : "Number/String/Roo.panel.Content",
+            "desc" : "The index, id or panel to remove",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The removed panel"
+          }
+        ]
       },
       {
-        "name" : "enddrag",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires when a drag operation is complete",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "headerclick",
+        "name" : "restoreState",
         "type" : "function",
-        "desc" : "Fires when a header is clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Restores this layout's state using Roo.state.Manager or the state provided by the passed provider.",
+        "sig" : "(provider)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "provider",
+            "type" : "Roo.state.Provider",
+            "desc" : "(optional) An alternate state provider",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "headercontextmenu",
+        "name" : "showPanel",
         "type" : "function",
-        "desc" : "Fires when a header is right clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Searches all regions for a panel with the specified id and activates (shows) it.",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Border",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "panelId",
+            "type" : "String/panel.Content",
+            "desc" : "The panels id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The shown panel or null"
+          }
+        ]
       },
       {
-        "name" : "headerdblclick",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires when a header cell is double clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.layout.Region" : {
+    "props" : [
+      {
+        "name" : "alwaysShowTabs",
+        "type" : "Boolean",
+        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "keydown",
+        "name" : "animate",
+        "type" : "Boolean",
+        "desc" : "True to animate expand/collapse (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoHide",
+        "type" : "Boolean",
+        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoScroll",
+        "type" : "Boolean",
+        "desc" : "True to enable overflow scrolling (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closeOnTab",
+        "type" : "Boolean",
+        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "cmargins",
+        "type" : "Object",
+        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "collapsed",
+        "type" : "Boolean",
+        "desc" : "True to set the initial display to collapsed (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "collapsedTitle",
+        "type" : "String",
+        "desc" : "Optional string message to display in the collapsed block of a north or south region",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "collapsible",
+        "type" : "Boolean",
+        "desc" : "False to disable collapsing (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableTabTips",
+        "type" : "Boolean",
+        "desc" : "True to disable tab tooltips",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "floatable",
+        "type" : "Boolean",
+        "desc" : "False to disable floating (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "For North/South panels",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to start the region hidden (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideTabs",
+        "type" : "Boolean",
+        "desc" : "True to hide the tab strip (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideWhenEmpty",
+        "type" : "Boolean",
+        "desc" : "True to hide the region when it has no panels",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "margins",
+        "type" : "Object",
+        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minTabWidth",
+        "type" : "Number",
+        "desc" : "The minimum tab width (defaults to 40)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preferredTabWidth",
+        "type" : "Number",
+        "desc" : "The preferred tab width (defaults to 150)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preservePanels",
+        "type" : "Boolean",
+        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "resizeTabs",
+        "type" : "Boolean",
+        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showPin",
+        "type" : "Boolean",
+        "desc" : "True to show a pin button",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "split",
+        "type" : "Boolean",
+        "desc" : "To show the splitter",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "tabPosition",
+        "type" : "String",
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for the region (overrides panel titles)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "titlebar",
+        "type" : "Boolean",
+        "desc" : "True to display a title bar (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toolbar",
+        "type" : "Boolean",
+        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "For East/West panels",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforecollapse",
         "type" : "function",
-        "desc" : "The raw keydown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this region before collapse.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "keypress",
+        "name" : "beforeremove",
         "type" : "function",
-        "desc" : "The raw keypress event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
+        "sig" : "function (_self, panel, e)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mousedown",
-        "type" : "function",
-        "desc" : "The raw mousedown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
+            "isOptional" : false
+          },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "type" : "Object",
+            "desc" : "The cancel event object",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "collapsed",
         "type" : "function",
-        "desc" : "The raw mouseout event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this region is collapsed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "expanded",
         "type" : "function",
-        "desc" : "The raw mouseover event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this region is expanded.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseup",
+        "name" : "invalidated",
         "type" : "function",
-        "desc" : "The raw mouseup event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when the layout for this region is changed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "panelactivated",
         "type" : "function",
-        "desc" : "Fires when the grid is rendered",
-        "sig" : "function (grid)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when a panel is activated.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "grid",
-            "type" : "Grid",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The activated panel",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowclass",
+        "name" : "paneladded",
         "type" : "function",
-        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
-        "sig" : "function (gridview, rowcfg)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when a panel is added.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "gridview",
-            "type" : "GridView",
-            "desc" : "The grid view",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rowcfg",
-            "type" : "Object",
-            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowclick",
+        "name" : "panelremoved",
         "type" : "function",
-        "desc" : "Fires when a row is clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when a panel is removed.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowcontextmenu",
+        "name" : "resized",
         "type" : "function",
-        "desc" : "Fires when a row is right clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when the user resizes this region.",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rowIndex",
+            "name" : "newSize",
             "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "desc" : "The new size (width for east/west, height for north/south)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowdblclick",
+        "name" : "slidehide",
         "type" : "function",
-        "desc" : "Fires when a row is double clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this region slides out of view.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "startdrag",
+        "name" : "slideshow",
         "type" : "function",
-        "desc" : "Fires when row(s) start being dragged",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this region is slid into view.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.layout.Region",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "validateedit",
+        "name" : "visibilitychange",
         "type" : "function",
-        "desc" : "Fires after a cell is edited, but before the value is set in the record. \nYou can use this to modify the value being set in the field, Return false\nto cancel the change. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>editor - This editor</li>\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this region is shown or hidden",
+        "sig" : "function (_self, visibility)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "An edit event (see above for description)",
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "visibility",
+            "type" : "Boolean",
+            "desc" : "true or false",
             "isOptional" : false
           }
         ],
     ],
     "methods" : [
       {
-        "name" : "addColumns",
+        "name" : "add",
         "type" : "function",
-        "desc" : "addColumns\nAdd's a column, default at the end..",
-        "sig" : "(position, of)",
+        "desc" : "Adds the passed ContentPanel(s) to this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "position",
-            "type" : "int",
-            "desc" : "to add (default end)",
-            "isOptional" : false
-          },
-          {
-            "name" : "of",
-            "type" : "Array",
-            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
+            "name" : "panel",
+            "type" : "panel.Content...",
+            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel added (if only one was added; null otherwise)"
+          }
+        ]
       },
       {
         "name" : "addEvents",
         "returns" : []
       },
       {
-        "name" : "autoSize",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "collapse",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Collapses this region.",
+        "sig" : "(skipAnim)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "expand",
         "type" : "function",
-        "desc" : "Destroy this grid.",
-        "sig" : "(removeEl)",
+        "desc" : "Expands this region if it was previously collapsed.",
+        "sig" : "(e, skipAnim)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "removeEl",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event that triggered the expand (or null if calling manually)",
+            "isOptional" : false
+          },
+          {
+            "name" : "skipAnim",
             "type" : "Boolean",
-            "desc" : "True to remove the element",
+            "desc" : "(optional) true to expand the element without animation (if animate is true)",
             "isOptional" : false
           }
         ],
         ]
       },
       {
-        "name" : "getColumnModel",
+        "name" : "getActivePanel",
         "type" : "function",
-        "desc" : "Returns the grid's ColumnModel.",
+        "desc" : "Get the active panel for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "ColumnModel",
-            "desc" : ""
+            "type" : "Roo.panel.Content",
+            "desc" : "The active panel or null"
           }
         ]
       },
       {
-        "name" : "getDataSource",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the grid's DataSource.",
+        "desc" : "Returns the container element for this region.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "DataSource",
+            "type" : "Roo.Element",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getDragDropText",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Returns the panel specified or null if it's not in this region.",
+        "sig" : "(panel)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.layout.BasicRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
+            "type" : "Roo.panel.Content",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getGridEl",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Returns the grid's underlying element.",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.layout.BasicRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getSelectionModel",
+        "name" : "getTabs",
         "type" : "function",
-        "desc" : "Returns the grid's SelectionModel.",
+        "desc" : "Returns the TabPanel component used by this region",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "SelectionModel",
+            "type" : "Roo.panel.Tab",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getView",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns the grid's GridView object.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "GridView",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "hasPanel",
+        "type" : "function",
+        "desc" : "Returns true if the panel is in this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.BasicRegion",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Hides this region.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "hidePanel",
+        "type" : "function",
+        "desc" : "Hides the tab for the specified panel.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           }
         ],
+        "returns" : []
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this region is currently visible.",
+        "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 the event is being listened for, else false"
+            "desc" : ""
           }
         ]
       },
         "returns" : []
       },
       {
-        "name" : "reconfigure",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
-        "sig" : "(dataSource, The)",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "dataSource",
-            "type" : "Roo.data.Store",
-            "desc" : "The new {@link Roo.data.Store} object",
-            "isOptional" : false
-          },
-          {
-            "name" : "The",
-            "type" : "Roo.grid.ColumnModel",
-            "desc" : "new {@link Roo.grid.ColumnModel} object",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
+        "sig" : "(panel, preservePanel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
+          },
+          {
+            "name" : "preservePanel",
+            "type" : "Boolean",
+            "desc" : "Overrides the config preservePanel option",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel that was removed"
+          }
+        ]
       },
       {
         "name" : "removeListener",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
+        "sig" : "(newSize)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.layout.BasicRegion",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.grid.Grid",
-            "desc" : "this"
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "startEditing",
+        "name" : "setCollapsedTitle",
         "type" : "function",
-        "desc" : "Starts editing the specified for the specified row/column",
-        "sig" : "(rowIndex, colIndex)",
+        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
+        "sig" : "(title)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "title",
+            "type" : "String",
+            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "stopEditing",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Stops any active editing",
+        "desc" : "Shows this region if it was previously hidden.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "showPanel",
+        "type" : "function",
+        "desc" : "Shows the specified panel.",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panelId",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The shown panel, or null if a panel could not be found from panelId"
+          }
+        ]
+      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "unhidePanel",
+        "type" : "function",
+        "desc" : "Unhides the tab for a previously hidden panel.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.grid.PropertyGrid"
+      "Roo.bootstrap.layout.Split",
+      "Roo.layout.SplitRegion"
     ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.grid.Grid" : {
+  "Roo.layout.SplitRegion" : {
     "props" : [
       {
-        "name" : "autoExpandColumn",
-        "type" : "String",
-        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoExpandMax",
-        "type" : "Number",
-        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoExpandMin",
-        "type" : "Number",
-        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "autoHeight",
+        "name" : "alwaysShowTabs",
         "type" : "Boolean",
-        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
-        "memberOf" : ""
+        "desc" : "True to always display tabs even when there is only 1 panel (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoSizeColumns",
+        "name" : "animate",
         "type" : "Boolean",
-        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
-        "memberOf" : ""
+        "desc" : "True to animate expand/collapse (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoSizeHeaders",
+        "name" : "autoHide",
         "type" : "Boolean",
-        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
-        "memberOf" : ""
+        "desc" : "False to disable auto hiding when the mouse leaves the \"floated\" region (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoWidth",
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
-        "memberOf" : ""
+        "desc" : "True to enable overflow scrolling (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "cm[]",
-        "type" : "Roo.grid.ColumnModel",
-        "desc" : "The columns of the grid",
-        "memberOf" : ""
+        "name" : "closeOnTab",
+        "type" : "Boolean",
+        "desc" : "True to place the close icon on the tabs instead of the region titlebar (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "ddGroup",
-        "type" : "String",
-        "desc" : "- drag drop group.",
-        "memberOf" : ""
+        "name" : "cmargins",
+        "type" : "Object",
+        "desc" : "Margins for the element when collapsed (defaults to: north/south {top: 2, left: 0, right:0, bottom: 2} or east/west {top: 0, left: 2, right:2, bottom: 0})",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "ddText",
-        "type" : "String",
-        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
-        "memberOf" : ""
+        "name" : "collapsed",
+        "type" : "Boolean",
+        "desc" : "True to set the initial display to collapsed (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dragGroup",
+        "name" : "collapsedTitle",
         "type" : "String",
-        "desc" : "- drag group (?? not sure if needed.)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "dropTarget",
-        "type" : "Roo.dd.DropTarget",
-        "desc" : "An {@link Roo.dd.DropTarget} config",
-        "memberOf" : ""
+        "desc" : "Optional string message to display in the collapsed block of a north or south region",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "ds",
-        "type" : "Roo.grid.Store",
-        "desc" : "The data store for the grid",
-        "memberOf" : ""
+        "name" : "collapsible",
+        "type" : "Boolean",
+        "desc" : "False to disable collapsing (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableColumnHide",
+        "name" : "disableTabTips",
         "type" : "Boolean",
-        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
-        "memberOf" : ""
+        "desc" : "True to disable tab tooltips",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableColumnMove",
+        "name" : "floatable",
         "type" : "Boolean",
-        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
-        "memberOf" : ""
+        "desc" : "False to disable floating (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableDrag",
-        "type" : "Boolean",
-        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
-        "memberOf" : ""
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "For North/South panels",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableDragDrop",
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "True to enable drag and drop of rows. Default is false.",
-        "memberOf" : ""
+        "desc" : "True to start the region hidden (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableDrop",
+        "name" : "hideTabs",
         "type" : "Boolean",
-        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
-        "memberOf" : ""
+        "desc" : "True to hide the tab strip (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableRowHeightSync",
+        "name" : "hideWhenEmpty",
         "type" : "Boolean",
-        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
-        "memberOf" : ""
+        "desc" : "True to hide the region when it has no panels",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "loadMask",
+        "name" : "margins",
         "type" : "Object",
-        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
-        "memberOf" : ""
+        "desc" : "Margins for the element (defaults to {top: 0, left: 0, right:0, bottom: 0})",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxHeight",
+        "name" : "minTabWidth",
         "type" : "Number",
-        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
-        "memberOf" : ""
+        "desc" : "The minimum tab width (defaults to 40)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "maxRowsToMeasure",
+        "name" : "preferredTabWidth",
+        "type" : "Number",
+        "desc" : "The preferred tab width (defaults to 150)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "preservePanels",
         "type" : "Boolean",
-        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
-        "memberOf" : ""
+        "desc" : "True to preserve removed panels so they can be readded later (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minColumnWidth",
-        "type" : "Number",
-        "desc" : "The minimum width a column can be resized to. Default is 25.",
-        "memberOf" : ""
+        "name" : "resizeTabs",
+        "type" : "Boolean",
+        "desc" : "True to enable automatic tab resizing. This will resize the tabs so they are all the same size and fit within\n                     the space available, similar to FireFox 1.5 tabs (defaults to false)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "monitorWindowResize",
+        "name" : "showPin",
         "type" : "Boolean",
-        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
-        "memberOf" : ""
+        "desc" : "True to show a pin button",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "sm",
-        "type" : "Roo.grid.AbstractSelectionModel",
-        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
-        "memberOf" : ""
+        "name" : "split",
+        "type" : "Boolean",
+        "desc" : "To show the splitter",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "stripeRows",
+        "name" : "tabPosition",
+        "type" : "String",
+        "desc" : "m) \"top\" or \"bottom\" (defaults to \"bottom",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : [
+          "top",
+          "bottom"
+        ]
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for the region (overrides panel titles)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "titlebar",
         "type" : "Boolean",
-        "desc" : "True to stripe the rows.  Default is true.",
-        "memberOf" : ""
+        "desc" : "True to display a title bar (defaults to true)",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "a toolbar for buttons etc.",
-        "memberOf" : ""
+        "type" : "Boolean",
+        "desc" : "xtype configuration for a toolbar - shows on right of tabbar",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "trackMouseOver",
-        "type" : "Boolean",
-        "desc" : "True to highlight rows when the mouse is over. Default is true.",
-        "memberOf" : ""
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "For East/West panels",
+        "memberOf" : "Roo.layout.Region",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforecollapse",
+        "type" : "function",
+        "desc" : "Fires when this region before collapse.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeremove",
+        "type" : "function",
+        "desc" : "Fires before a panel is removed (or closed). To cancel the removal set \"e.cancel = true\" on the event argument.",
+        "sig" : "function (_self, panel, e)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "The cancel event object",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "collapsed",
+        "type" : "function",
+        "desc" : "Fires when this region is collapsed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "expanded",
+        "type" : "function",
+        "desc" : "Fires when this region is expanded.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "invalidated",
+        "type" : "function",
+        "desc" : "Fires when the layout for this region is changed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "panelactivated",
+        "type" : "function",
+        "desc" : "Fires when a panel is activated.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The activated panel",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "paneladded",
+        "type" : "function",
+        "desc" : "Fires when a panel is added.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "panelremoved",
+        "type" : "function",
+        "desc" : "Fires when a panel is removed.",
+        "sig" : "function (_self, panel)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "panel",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resized",
+        "type" : "function",
+        "desc" : "Fires when the user resizes this region.",
+        "sig" : "function (_self, newSize)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new size (width for east/west, height for north/south)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "slidehide",
+        "type" : "function",
+        "desc" : "Fires when this region slides out of view.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "slideshow",
+        "type" : "function",
+        "desc" : "Fires when this region is slid into view.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "visibilitychange",
+        "type" : "function",
+        "desc" : "Fires when this region is shown or hidden",
+        "sig" : "function (_self, visibility)\n{\n\n}",
+        "memberOf" : "Roo.layout.BasicRegion",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.layout.Region",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "visibility",
+            "type" : "Boolean",
+            "desc" : "true or false",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "add",
+        "type" : "function",
+        "desc" : "Adds the passed ContentPanel(s) to this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "panel",
+            "type" : "panel.Content...",
+            "desc" : "The ContentPanel(s) to add (you can pass more than one)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel added (if only one was added; null otherwise)"
+          }
+        ]
+      },
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "addListener",
+        "type" : "function",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "capture",
+        "type" : "function",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "collapse",
+        "type" : "function",
+        "desc" : "Collapses this region.",
+        "sig" : "(skipAnim)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to collapse the element without animation (if animate is true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "expand",
+        "type" : "function",
+        "desc" : "Expands this region if it was previously collapsed.",
+        "sig" : "(e, skipAnim)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "The event that triggered the expand (or null if calling manually)",
+            "isOptional" : false
+          },
+          {
+            "name" : "skipAnim",
+            "type" : "Boolean",
+            "desc" : "(optional) true to expand the element without animation (if animate is true)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
+      },
+      {
+        "name" : "getActivePanel",
+        "type" : "function",
+        "desc" : "Get the active panel for this region.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The active panel or null"
+          }
+        ]
+      },
+      {
+        "name" : "getEl",
+        "type" : "function",
+        "desc" : "Returns the container element for this region.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "view",
-        "type" : "Roo.grid.GridView",
-        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "bodyscroll",
+        "name" : "getPanel",
         "type" : "function",
-        "desc" : "Fires when the body element is scrolled",
-        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Returns the panel specified or null if it's not in this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.BasicRegion",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "scrollLeft",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollTop",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "cellclick",
+        "name" : "getPosition",
         "type" : "function",
-        "desc" : "Fires when a cell is clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Returns this regions position (north/south/east/west/center).",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.BasicRegion",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "cellcontextmenu",
+        "name" : "getSplitBar",
         "type" : "function",
-        "desc" : "Fires when a cell is right clicked",
-        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
+        "desc" : "Returns the {@link Roo.SplitBar} for this region.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "cellIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.SplitBar",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "celldblclick",
+        "name" : "getTabs",
         "type" : "function",
-        "desc" : "Fires when a cell is double clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Returns the TabPanel component used by this region",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.panel.Tab",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "click",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "columnmove",
+        "name" : "hasPanel",
         "type" : "function",
-        "desc" : "Fires when the user moves a column",
-        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Returns true if the panel is in this region.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.BasicRegion",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "oldIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panels index, id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "columnresize",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when the user resizes a column",
-        "sig" : "function (columnIndex, newSize)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Hides this region.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "contextmenu",
+        "name" : "hidePanel",
         "type" : "function",
-        "desc" : "The raw contextmenu event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Hides the tab for the specified panel.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dblclick",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "The raw dblclick event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Returns true if this region is currently visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "dragdrop",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dragenter",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "releaseCapture",
+        "type" : "function",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dragout",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Removes the specified panel. If preservePanel is not true (either here or in the config), the panel is destroyed.",
+        "sig" : "(panel, preservePanel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "preservePanel",
+            "type" : "Boolean",
+            "desc" : "Overrides the config preservePanel option",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The panel that was removed"
+          }
+        ]
       },
       {
-        "name" : "dragover",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enddrag",
+        "name" : "resizeTo",
         "type" : "function",
-        "desc" : "Fires when a drag operation is complete",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Resizes the region to the specified size. For vertical regions (west, east) this adjusts \nthe width, for horizontal (north, south) the height.",
+        "sig" : "(newSize)",
+        "static" : false,
+        "memberOf" : "Roo.layout.BasicRegion",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "newSize",
+            "type" : "Number",
+            "desc" : "The new width or height",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "headerclick",
+        "name" : "setCollapsedTitle",
         "type" : "function",
-        "desc" : "Fires when a header is clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Updates the title for collapsed north/south regions (used with {@link #collapsedTitle} config option)",
+        "sig" : "(title)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "title",
+            "type" : "String",
+            "desc" : "(optional) The title text (accepts HTML markup, defaults to the numeric character reference for a non-breaking space, \"&amp;#160;\")",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "headercontextmenu",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires when a header is right clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Shows this region if it was previously hidden.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "showPanel",
+        "type" : "function",
+        "desc" : "Shows the specified panel.",
+        "sig" : "(panelId)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "panelId",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "The shown panel, or null if a panel could not be found from panelId"
+          }
+        ]
       },
       {
-        "name" : "headerdblclick",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires when a header cell is double clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "keydown",
+        "name" : "unhidePanel",
         "type" : "function",
-        "desc" : "The raw keydown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Unhides the tab for a previously hidden panel.",
+        "sig" : "(panel)",
+        "static" : false,
+        "memberOf" : "Roo.layout.Region",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "panel",
+            "type" : "Number/String/panel.Content",
+            "desc" : "The panel's index, id or the panel itself",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.Ajax" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "request",
+        "type" : "function",
+        "desc" : "",
+        "sig" : "()\n{\n\n}",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "keypress",
+        "name" : "serializeForm",
         "type" : "function",
-        "desc" : "The raw keypress event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "serialize a form",
+        "sig" : "(form)",
+        "static" : true,
         "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "form",
+            "type" : "DomForm",
+            "desc" : "element",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "urlencode form output."
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.Color" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "mousedown",
+        "name" : "getCSSHSL",
         "type" : "function",
-        "desc" : "The raw mousedown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "mouseout",
+        "name" : "getCSSHSLA",
         "type" : "function",
-        "desc" : "The raw mouseout event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "mouseover",
+        "name" : "getCSSHexadecimalRGB",
         "type" : "function",
-        "desc" : "The raw mouseover event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "mouseup",
+        "name" : "getCSSIntegerRGB",
         "type" : "function",
-        "desc" : "The raw mouseup event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "getCSSIntegerRGBA",
         "type" : "function",
-        "desc" : "Fires when the grid is rendered",
-        "sig" : "function (grid)\n{\n\n}",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "grid",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "rowclass",
+        "name" : "getCSSPercentageRGB",
         "type" : "function",
-        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
-        "sig" : "function (gridview, rowcfg)\n{\n\n}",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "gridview",
-            "type" : "GridView",
-            "desc" : "The grid view",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "rowcfg",
-            "type" : "Object",
-            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "rowclick",
+        "name" : "getCSSPercentageRGBA",
         "type" : "function",
-        "desc" : "Fires when a row is clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "rowcontextmenu",
+        "name" : "getHSL",
         "type" : "function",
-        "desc" : "Fires when a row is right clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "rowdblclick",
+        "name" : "getHSV",
         "type" : "function",
-        "desc" : "Fires when a row is double clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+            "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" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "startdrag",
+        "name" : "getPercentageRGB",
         "type" : "function",
-        "desc" : "Fires when row(s) start being dragged",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        ]
+      },
       {
-        "name" : "addColumns",
+        "name" : "getRGB",
         "type" : "function",
-        "desc" : "addColumns\nAdd's a column, default at the end..",
-        "sig" : "(position, of)",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "position",
-            "type" : "int",
-            "desc" : "to add (default end)",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "of",
-            "type" : "Array",
-            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "addEvents",
+        "name" : "setNodeBackgroundColor",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "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.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "setNodeColor",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "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.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.lib.HSLColor",
+      "Roo.lib.HSVColor",
+      "Roo.lib.RGBColor"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.Dom" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "autoSize",
+        "name" : "getDocumentHeight",
         "type" : "function",
-        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
+        "desc" : "Get the Full Document height",
         "sig" : "()\n{\n\n}",
-        "static" : false,
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The height"
+          }
+        ]
       },
       {
-        "name" : "capture",
+        "name" : "getDocumentWidth",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
+        "desc" : "Get the Full Document width",
+        "sig" : "()\n{\n\n}",
         "static" : true,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The width"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "getViewHeight",
         "type" : "function",
-        "desc" : "Destroy this grid.",
-        "sig" : "(removeEl)",
-        "static" : false,
+        "desc" : "Get the view height",
+        "sig" : "(full)",
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "removeEl",
+            "name" : "full",
             "type" : "Boolean",
-            "desc" : "True to remove the element",
+            "desc" : "True will get the full document, otherwise it's the view height",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : "The height"
+          }
+        ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getViewWidth",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
+        "desc" : "Get the view width",
+        "sig" : "(full)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "full",
+            "type" : "Boolean",
+            "desc" : "True will get the full document, otherwise it's the view width",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Number",
+            "desc" : "The width"
           }
         ]
       },
       {
-        "name" : "getColumnModel",
+        "name" : "getViewportHeight",
         "type" : "function",
-        "desc" : "Returns the grid's ColumnModel.",
+        "desc" : "Get the Window Viewport height",
         "sig" : "()\n{\n\n}",
-        "static" : false,
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "ColumnModel",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The height"
           }
         ]
       },
       {
-        "name" : "getDataSource",
+        "name" : "getViewportWidth",
         "type" : "function",
-        "desc" : "Returns the grid's DataSource.",
+        "desc" : "Get the Window Viewport width",
         "sig" : "()\n{\n\n}",
-        "static" : false,
+        "static" : true,
         "memberOf" : "",
-        "isStatic" : false,
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "DataSource",
-            "desc" : ""
+            "type" : "Number",
+            "desc" : "The width"
           }
         ]
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.HSLColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "getDragDropText",
+        "name" : "getCSSHSL",
         "type" : "function",
-        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.\nOverride this to put something different in the dragged text.",
+        "desc" : "getCSSHSL",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "name" : "",
             "type" : "String",
-            "desc" : ""
+            "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" : "getGridEl",
+        "name" : "getCSSHSLA",
         "type" : "function",
-        "desc" : "Returns the grid's underlying element.",
+        "desc" : "getCSSHSLA",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
-            "desc" : "The element"
+            "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" : "getSelectionModel",
+        "name" : "getCSSHexadecimalRGB",
         "type" : "function",
-        "desc" : "Returns the grid's SelectionModel.",
+        "desc" : "getCSSHexadecimalRGB",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "SelectionModel",
-            "desc" : ""
+            "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" : "getView",
+        "name" : "getCSSIntegerRGB",
         "type" : "function",
-        "desc" : "Returns the grid's GridView object.",
+        "desc" : "getCSSIntegerRGB",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "GridView",
-            "desc" : ""
+            "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" : "hasListener",
+        "name" : "getCSSIntegerRGBA",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "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" : "on",
+        "name" : "getCSSPercentageRGB",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "eventName",
+            "name" : "",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "purgeListeners",
+        "name" : "getCSSPercentageRGBA",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "getCSSPercentageRGBA",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "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" : "reconfigure",
+        "name" : "getHSL",
         "type" : "function",
-        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
-        "sig" : "(dataSource, The)",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "dataSource",
-            "type" : "Roo.data.Store",
-            "desc" : "The new {@link Roo.data.Store} object",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "The",
-            "type" : "Roo.grid.ColumnModel",
-            "desc" : "new {@link Roo.grid.ColumnModel} object",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "releaseCapture",
+        "name" : "getHSV",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "getIntegerRGB",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
+            "name" : "",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "getPercentageRGB",
         "type" : "function",
-        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
+        "desc" : "getPercentageRGB",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.grid.Grid",
-            "desc" : "this"
+            "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" : "un",
+        "name" : "getRGB",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
+            "name" : "",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.grid.Calendar",
-      "Roo.grid.EditorGrid",
-      "Roo.grid.PropertyGrid"
-    ],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid.GridEditor" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "alignment",
-        "type" : "String",
-        "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details, defaults to \"c-c?\").",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "autosize",
-        "type" : "Boolean/String",
-        "desc" : "True for the editor to automatically adopt the size of the underlying field, \"width\" to adopt the width only,\nor \"height\" to adopt the height only (defaults to false)",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "cancelOnEsc",
-        "type" : "Boolean",
-        "desc" : "True to cancel the edit when the escape key is pressed (defaults to false)",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "completeOnEnter",
-        "type" : "Boolean",
-        "desc" : "True to complete the edit when the enter key is pressed (defaults to false)",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "constrain",
-        "type" : "Boolean",
-        "desc" : "True to constrain the editor to the viewport",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "field",
-        "type" : "Roo.form.Field",
-        "desc" : "Field to wrap (or xtyped)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "hideEl",
-        "type" : "Boolean",
-        "desc" : "False to keep the bound element visible while the editor is displayed (defaults to true)",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "ignoreNoChange",
-        "type" : "Boolean",
-        "desc" : "True to skip the the edit completion process (no save, no events fired) if the user completes an edit and\nthe value has not changed (defaults to false).  Applies only to string values - edits for other data types\nwill never be ignored.",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "revertInvalid",
-        "type" : "Boolean",
-        "desc" : "True to automatically revert the field value and cancel the edit when the user completes an edit and the field\nvalidation fails (defaults to true)",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "\"sides\" for sides/bottom only, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"frame\")",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "updateEl",
-        "type" : "Boolean",
-        "desc" : "True to update the innerHTML of the bound element when the update completes (defaults to false)",
-        "memberOf" : "Roo.Editor"
-      },
-      {
-        "name" : "value",
-        "type" : "Mixed",
-        "desc" : "The data value of the underlying field (defaults to \"\")",
-        "memberOf" : "Roo.Editor"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforecomplete",
-        "type" : "function",
-        "desc" : "Fires after a change has been made to the field, but before the change is reflected in the underlying\nfield.  Saving the change to the field can be canceled by returning false from the handler of this event.\nNote that if the value has not changed and ignoreNoChange = true, the editing will still end but this\nevent will not fire since no edit actually occurred.",
-        "sig" : "function (_self, value, startValue)\n{\n\n}",
-        "memberOf" : "Roo.Editor",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Editor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The current field value",
-            "isOptional" : false
-          },
-          {
-            "name" : "startValue",
-            "type" : "Mixed",
-            "desc" : "The original field value",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "beforerender",
+        "name" : "setNodeBackgroundColor",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "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" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "setNodeColor",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "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" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.HSVColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "beforestartedit",
+        "name" : "getCSSHSL",
         "type" : "function",
-        "desc" : "Fires when editing is initiated, but before the value changes.  Editing can be canceled by returning\nfalse from the handler of this event.",
-        "sig" : "function (_self, boundEl, value)\n{\n\n}",
-        "memberOf" : "Roo.Editor",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Editor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "boundEl",
-            "type" : "Roo.Element",
-            "desc" : "The underlying element bound to this editor",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The field value being set",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "complete",
+        "name" : "getCSSHSLA",
         "type" : "function",
-        "desc" : "Fires after editing is complete and any changed value has been written to the underlying field.",
-        "sig" : "function (_self, value, startValue)\n{\n\n}",
-        "memberOf" : "Roo.Editor",
+        "desc" : "getCSSHSLA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Editor",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The current field value",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "startValue",
-            "type" : "Mixed",
-            "desc" : "The original field value",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "getCSSHexadecimalRGB",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "getCSSHexadecimalRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "a string representing this Color as a CSS hexadecimal RGB Color\nvalue - that is, a string of the form #RRGGBB where each of RR, GG, and BB\nare two-digit hexadecimal numbers."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "getCSSIntegerRGB",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "getCSSIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "enable",
+        "name" : "getCSSIntegerRGBA",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : "Returns a string representing this Color as a CSS integer RGBA Color\nvalue - that is, a string of the form rgba(r,g,b,a) where each of r, g, and\nb are integers in the range [0,255] and a is in the range [0,1]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "hide",
+        "name" : "getCSSPercentageRGB",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "getCSSPercentageRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "render",
+        "name" : "getCSSPercentageRGBA",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "show",
+        "name" : "getHSL",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "getHSL",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "specialkey",
+        "name" : "getHSV",
         "type" : "function",
-        "desc" : "Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check\n{@link Roo.EventObject#getKey} to determine which key was pressed.",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.Editor",
+        "desc" : "getHSV",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.form.Field",
-            "desc" : "",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "The event object",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "startedit",
+        "name" : "getIntegerRGB",
         "type" : "function",
-        "desc" : "Fires when this editor is displayed",
-        "sig" : "function (boundEl, value)\n{\n\n}",
-        "memberOf" : "Roo.Editor",
+        "desc" : "getIntegerRGB",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.lib.Color",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "boundEl",
-            "type" : "Roo.Element",
-            "desc" : "The underlying element bound to this editor",
-            "isOptional" : false
-          },
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "The starting field value",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        ]
+      },
       {
-        "name" : "addEvents",
+        "name" : "getPercentageRGB",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "object",
+            "name" : "",
             "type" : "Object",
-            "desc" : "The object with the events defined",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "addListener",
+        "name" : "getRGB",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "getRGB",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "options",
+            "name" : "",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "cancelEdit",
+        "name" : "setNodeBackgroundColor",
         "type" : "function",
-        "desc" : "Cancels the editing process and hides the editor without persisting any changes.  The field value will be\nreverted to the original starting value.",
-        "sig" : "(remainVisible)",
+        "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.Editor",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "remainVisible",
-            "type" : "Boolean",
-            "desc" : "Override the default behavior and keep the editor visible after\ncancel (defaults to false)",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "setNodeColor",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "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" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.RGBColor" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
       {
-        "name" : "completeEdit",
+        "name" : "getCSSHSL",
         "type" : "function",
-        "desc" : "Ends the editing process, persists the changed value to the underlying field, and hides the editor.",
-        "sig" : "(remainVisible)",
+        "desc" : "getCSSHSL",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Editor",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "remainVisible",
-            "type" : "Boolean",
-            "desc" : "Override the default behavior and keep the editor visible after edit (defaults to false)",
-            "isOptional" : false
+            "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]."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "getCSSHSLA",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "getCSSHSLA",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "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" : "disable",
+        "name" : "getCSSHexadecimalRGB",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "getCSSHexadecimalRGB",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "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" : "enable",
+        "name" : "getCSSIntegerRGB",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "getCSSIntegerRGB",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "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" : "fireEvent",
+        "name" : "getCSSIntegerRGBA",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "getCSSIntegerRGBA",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "eventName",
+            "name" : "",
             "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
+            "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" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "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" : "focus",
+        "name" : "getCSSPercentageRGBA",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "getCSSPercentageRGBA",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "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" : "getEl",
+        "name" : "getHSL",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "getHSL",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "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" : "getId",
+        "name" : "getHSV",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "getHSV",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "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" : "getValue",
+        "name" : "getIntegerRGB",
         "type" : "function",
-        "desc" : "Gets the data value of the editor",
+        "desc" : "getIntegerRGB",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Editor",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Mixed",
-            "desc" : "The data value"
+            "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" : "hasListener",
+        "name" : "getPercentageRGB",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "getPercentageRGB",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "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" : "hide",
+        "name" : "getRGB",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "getRGB",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "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" : "isVisible",
+        "name" : "setNodeBackgroundColor",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "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.Component",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose background Color should be set",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "setNodeColor",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "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.util.Observable",
+        "memberOf" : "Roo.lib.Color",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "node",
+            "type" : "DomElement",
+            "desc" : "- the node whose Color should be set",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.Range" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "wrap",
+        "type" : "function",
+        "desc" : "Wrap a Dom Range object, to give it new features...",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
+            "name" : "the",
+            "type" : "Range",
+            "desc" : "range to wrap",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.Selection" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "insertNode",
+        "type" : "function",
+        "desc" : "insert node at selection",
+        "sig" : "(node, cursor)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "node",
+            "type" : "DomElement|string",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "cursor",
+            "type" : "string",
+            "desc" : "(after|in|none) where to place the cursor after inserting.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "wrap",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
+        "desc" : "Wrap a Dom Range object, to give it new features...",
+        "sig" : "(the)",
+        "static" : true,
+        "memberOf" : "",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "the",
+            "type" : "Range",
+            "desc" : "range to wrap",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.lib.UndoManager" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "addEvent",
+        "type" : "function",
+        "desc" : "Manually add an event.\nNormall called without arguements - and it will just get added to the stack.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "realign",
+        "name" : "reset",
         "type" : "function",
-        "desc" : "Realigns the editor to the bound field based on the current alignment config value.",
+        "desc" : "Reset the undo - probaly done on load to clear all history.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Editor",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "transact",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "To push and execute a transaction, the method undoManager.transact\nmust be called by passing a transaction object as the first argument, and a merge\nflag as the second argument. A transaction object has the following properties:\n\nUsage:\n<pre><code>\nundoManager.transact({\n    label: 'Typing',\n    execute: function() { ... },\n    undo: function() { ... },\n    // redo same as execute\n    redo: function() { this.execute(); }\n}, false);\n\n// merge transaction\nundoManager.transact({\n    label: 'Typing',\n    execute: function() { ... },  // this will be run...\n    undo: function() { ... }, // what to do when undo is run.\n    // redo same as execute\n    redo: function() { this.execute(); }\n}, true); \n</code></pre>",
+        "sig" : "(transaction)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "transaction",
+            "type" : "Object",
+            "desc" : "The transaction to add to the stack.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : "The HTML fragment"
+          }
+        ]
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.menu" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.menu.Adapter" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "removeListener",
-        "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
+        "name" : "activeClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "canActivate",
+        "type" : "Boolean",
+        "desc" : "True if this item can be visually activated (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to prevent creation of this menu item (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
+        "type" : "function",
+        "desc" : "Fires when this item is activated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
-        "static" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
-        "static" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setSize",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Sets the height and width of this editor.",
-        "sig" : "(width, height)",
-        "static" : false,
-        "memberOf" : "Roo.Editor",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this item is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "width",
-            "type" : "Number",
-            "desc" : "The new width",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "height",
-            "type" : "Number",
-            "desc" : "The new height",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setValue",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Sets the data value of the editor",
-        "sig" : "(value)",
-        "static" : false,
-        "memberOf" : "Roo.Editor",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this item is deactivated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "value",
-            "type" : "Mixed",
-            "desc" : "Any valid value supported by the underlying field",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
+            "name" : "this",
             "type" : "Roo.Component",
-            "desc" : "this"
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "this",
             "type" : "Roo.Component",
-            "desc" : "this"
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "startEdit",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Starts the editing process and shows the editor.",
-        "sig" : "(el, value)",
-        "static" : false,
-        "memberOf" : "Roo.Editor",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "The element to edit",
-            "isOptional" : false
-          },
-          {
-            "name" : "value",
-            "type" : "String",
-            "desc" : "(optional) A value to initialize the editor with. If a value is not provided, it defaults\nto the innerHTML of el.",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       }
     ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid.GridView" : {
-    "props" : [
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [],
     "methods" : [
       {
         "name" : "addEvents",
         ],
         "returns" : []
       },
-      {
-        "name" : "autoSizeColumn",
-        "type" : "function",
-        "desc" : "Autofit a column to its content.",
-        "sig" : "(colIndex, forceMinSize)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "forceMinSize",
-            "type" : "Boolean",
-            "desc" : "true to force the column to go smaller if possible",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "autoSizeColumns",
-        "type" : "function",
-        "desc" : "Autofits all columns to their content and then expands to fit any extra space in the grid",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "ensureVisible",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Scrolls the specified cell into view",
-        "sig" : "(row, col, hscroll)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The row index",
-            "isOptional" : false
-          },
-          {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
-          {
-            "name" : "hscroll",
-            "type" : "Boolean",
-            "desc" : "false to disable horizontal scrolling",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "fitColumns",
-        "type" : "function",
-        "desc" : "Autofits all columns to the grid's width proportionate with their current size",
-        "sig" : "(reserveScrollSpace)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "reserveScrollSpace",
-            "type" : "Boolean",
-            "desc" : "Reserve space for a scrollbar",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "focusCell",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Focuses the specified cell.",
-        "sig" : "(row, col, hscroll)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The row index",
-            "isOptional" : false
-          },
-          {
-            "name" : "col",
-            "type" : "Number",
-            "desc" : "The column index",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "hscroll",
-            "type" : "Boolean",
-            "desc" : "false to disable horizontal scrolling",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "focusRow",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Focuses the specified row.",
-        "sig" : "(row)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The row index",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "getCell",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Gets the 'td' of the cell",
-        "sig" : "(rowIndex, colIndex)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Integer",
-            "desc" : "row to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "colIndex",
-            "type" : "Integer",
-            "desc" : "column to select",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getFooterPanel",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Gets a panel in the footer of the grid that can be used for toolbars etc.\nAfter modifying the contents of this panel a call to grid.autoSize() may be\nrequired to register any changes in size.",
-        "sig" : "(doShow)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "doShow",
-            "type" : "Boolean",
-            "desc" : "By default the footer is hidden. Pass true to show the panel",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Roo.Element"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getHeaderPanel",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Gets a panel in the header of the grid that can be used for toolbars etc.\nAfter modifying the contents of this panel a call to grid.autoSize() may be\nrequired to register any changes in size.",
-        "sig" : "(doShow)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "doShow",
-            "type" : "Boolean",
-            "desc" : "By default the header is hidden. Pass true to show the panel",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "",
-            "desc" : "Roo.Element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
           }
         ]
       },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "on",
         "type" : "function",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "refresh",
-        "type" : "function",
-        "desc" : "Refreshes the grid",
-        "sig" : "(headersToo)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "headersToo",
-            "type" : "Boolean",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "scrollToTop",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Scrolls the grid to the top",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setVisible",
+        "type" : "function",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "un",
         "returns" : []
       }
     ],
-    "isAbstract" : false,
+    "isAbstract" : true,
     "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.menu.ColorItem",
+      "Roo.menu.DateItem"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.grid.PropertyGrid" : {
+  "Roo.menu.BaseItem" : {
     "props" : [
       {
-        "name" : "autoExpandColumn",
+        "name" : "actionMode",
         "type" : "String",
-        "desc" : "The id (or dataIndex) of a column in this grid that should expand to fill unused space. This id can not be 0. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoExpandMax",
-        "type" : "Number",
-        "desc" : "The maximum width the autoExpandColumn can have (if enabled). Default is 1000.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoExpandMin",
-        "type" : "Number",
-        "desc" : "The minimum width the autoExpandColumn can have (if enabled).\nDefault is 50.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "autoHeight",
-        "type" : "Boolean",
-        "desc" : "True to fit the height of the grid container to the height of the data. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoSizeColumns",
-        "type" : "Boolean",
-        "desc" : "True to automatically resize the columns to fit their content\n<b>on initial render.</b> It is more efficient to explicitly size the columns\nthrough the ColumnModel's {@link Roo.grid.ColumnModel#width} config option.  Default is false.",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "activeClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoSizeHeaders",
+        "name" : "allowDomMove",
         "type" : "Boolean",
-        "desc" : "True to measure headers with column data when auto sizing columns. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "autoWidth",
+        "name" : "canActivate",
         "type" : "Boolean",
-        "desc" : "True to set the grid's width to the default total width of the grid's columns instead\nof a fixed width. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "clicksToEdit",
-        "type" : "Number",
-        "desc" : "The number of clicks on a cell required to display the cell's editor (defaults to 2)",
-        "memberOf" : "Roo.grid.EditorGrid"
-      },
-      {
-        "name" : "cm[]",
-        "type" : "Roo.grid.ColumnModel",
-        "desc" : "The columns of the grid",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "customEditors",
-        "type" : "Object",
-        "desc" : "map of colnames=> custom editors.\nthe custom editor can be one of the standard ones (date|string|number|int|boolean), or a\ngrid editor eg. Roo.grid.GridEditor(new Roo.form.TextArea({selectOnFocus:true})),\nfalse disables editing of the field.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "ddGroup",
-        "type" : "String",
-        "desc" : "- drag drop group.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "ddText",
-        "type" : "String",
-        "desc" : "Configures the text is the drag proxy (defaults to \"%0 selected row(s)\").\n%0 is replaced with the number of selected rows.",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "True if this item can be visually activated (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "dragGroup",
+        "name" : "disableClass",
         "type" : "String",
-        "desc" : "- drag group (?? not sure if needed.)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "dropTarget",
-        "type" : "Roo.dd.DropTarget",
-        "desc" : "An {@link Roo.dd.DropTarget} config",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "ds",
-        "type" : "Roo.grid.Store",
-        "desc" : "The data store for the grid",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "enableColumnHide",
-        "type" : "Boolean",
-        "desc" : "True to enable hiding of columns with the header context menu. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableColumnMove",
-        "type" : "Boolean",
-        "desc" : "True to enable drag and drop reorder of columns. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableDrag",
+        "name" : "hidden",
         "type" : "Boolean",
-        "desc" : "True to enable drag of rows. Default is false. (double check if this is needed?)",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "True to prevent creation of this menu item (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableDragDrop",
-        "type" : "Boolean",
-        "desc" : "True to enable drag and drop of rows. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "enableDrop",
-        "type" : "Boolean",
-        "desc" : "True to enable drop of elements. Default is false. (double check if this is needed?)",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
-        "name" : "enableRowHeightSync",
+        "name" : "hideOnClick",
         "type" : "Boolean",
-        "desc" : "True to manually sync row heights across locked and not locked rows. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "loadMask",
-        "type" : "Object",
-        "desc" : "An {@link Roo.LoadMask} config or true to mask the grid while loading. Default is false.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "maxHeight",
-        "type" : "Number",
-        "desc" : "Sets the maximum height of the grid - ignored if autoHeight is not on.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "maxRowsToMeasure",
-        "type" : "Boolean",
-        "desc" : "If autoSizeColumns is on, maxRowsToMeasure can be used to limit the number of\nrows measured to get a columns size. Default is 0 (all rows).",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "minColumnWidth",
-        "type" : "Number",
-        "desc" : "The minimum width a column can be resized to. Default is 25.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "monitorWindowResize",
-        "type" : "Boolean",
-        "desc" : "True to autoSize the grid when the window resizes. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "propertyNames",
-        "type" : "Object",
-        "desc" : "map of property Names to their displayed value",
-        "memberOf" : ""
-      },
-      {
-        "name" : "sm",
-        "type" : "Roo.grid.AbstractSelectionModel",
-        "desc" : "The selection Model (default = Roo.grid.RowSelectionModel)",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "stripeRows",
-        "type" : "Boolean",
-        "desc" : "True to stripe the rows.  Default is true.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "toolbar",
-        "type" : "Roo.Toolbar",
-        "desc" : "a toolbar for buttons etc.",
-        "memberOf" : "Roo.grid.Grid"
-      },
-      {
-        "name" : "trackMouseOver",
-        "type" : "Boolean",
-        "desc" : "True to highlight rows when the mouse is over. Default is true.",
-        "memberOf" : "Roo.grid.Grid"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "view",
-        "type" : "Roo.grid.GridView",
-        "desc" : "The view that renders the grid (default = Roo.grid.GridView)",
-        "memberOf" : "Roo.grid.Grid"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "afteredit",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires after a cell is edited. <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n</ul>",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.EditorGrid",
+        "desc" : "Fires when this item is activated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "An edit event (see above for description)",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeedit",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires before cell editing is triggered. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value for the field being edited.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.EditorGrid",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "An edit event (see above for description)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforepropertychange",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires before a property changes (return false to stop?)",
-        "sig" : "function (grid, id, newval, oldval)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "grid",
-            "type" : "Roo.grid.PropertyGrid",
-            "desc" : "property grid? (check could be store)",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "Record Id",
-            "isOptional" : false
-          },
-          {
-            "name" : "newval",
-            "type" : "String",
-            "desc" : "New Value",
-            "isOptional" : false
-          },
-          {
-            "name" : "oldval",
-            "type" : "String",
-            "desc" : "Old Value",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "bodyscroll",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Fires when the body element is scrolled",
-        "sig" : "function (scrollLeft, scrollTop)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "scrollLeft",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "scrollTop",
-            "type" : "Number",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "cellclick",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires when a cell is clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when this item is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "columnIndex",
-            "type" : "Number",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
             "desc" : "",
             "isOptional" : false
           },
         "returns" : []
       },
       {
-        "name" : "cellcontextmenu",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires when a cell is right clicked",
-        "sig" : "function (_self, rowIndex, cellIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this item is deactivated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.menu.BaseItem",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "cellIndex",
-            "type" : "Number",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "celldblclick",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when a cell is double clicked",
-        "sig" : "function (_self, rowIndex, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "columnIndex",
-            "type" : "Number",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "The raw click event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "columnmove",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires when the user moves a column",
-        "sig" : "function (oldIndex, newIndex)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "oldIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "newIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "columnresize",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when the user resizes a column",
-        "sig" : "function (columnIndex, newSize)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "columnIndex",
-            "type" : "Number",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "newSize",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "contextmenu",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "The raw contextmenu event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "dblclick",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "The raw dblclick event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
+          }
+        ]
+      },
+      {
+        "name" : "getId",
+        "type" : "function",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "hasListener",
+        "type" : "function",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "isVisible",
+        "type" : "function",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "dragdrop",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Fires when dragged row(s) are dropped on a valid DD target",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dragenter",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Fires when the dragged row(s) first cross another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
-            "isOptional" : false
-          }
-        ],
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "dragout",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires when the dragged row(s) leave another DD target while being dragged",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "dragover",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires while row(s) are being dragged. \"targetId\" is the id of the Yahoo.util.DD object the selected rows are being dragged over.",
-        "sig" : "function (_self, dd, targetId, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "targetId",
-            "type" : "String",
-            "desc" : "The target drag drop object",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enddrag",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when a drag operation is complete",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "headerclick",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Fires when a header is clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "disabled",
+            "type" : "Boolean",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "headercontextmenu",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Fires when a header is right clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : [
           {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "headerdblclick",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires when a header cell is double clicked",
-        "sig" : "function (_self, columnIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "columnIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : true,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.menu.Adapter",
+      "Roo.menu.CheckItem",
+      "Roo.menu.ColorItem",
+      "Roo.menu.DateItem",
+      "Roo.menu.Item",
+      "Roo.menu.Separator",
+      "Roo.menu.TextItem"
+    ],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.menu.CheckItem" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "keydown",
+        "name" : "activeClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "canActivate",
+        "type" : "Boolean",
+        "desc" : "True if this item can be visually activated (defaults to true)",
+        "memberOf" : "Roo.menu.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "checked",
+        "type" : "Boolean",
+        "desc" : "True to initialize this checkbox as checked (defaults to false).  Note that\nif this checkbox is part of a radio group (group = true) only the last item in the group that is\ninitialized with checked = true will be rendered as checked.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "group",
+        "type" : "String",
+        "desc" : "All check items with the same group name will automatically be grouped into a single-select\nradio button group (defaults to '')",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "groupClass",
+        "type" : "String",
+        "desc" : "The default CSS class to use for radio group check items (defaults to \"x-menu-group-item\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to prevent creation of this menu item (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "to render in menu\nThe text to show on the menu item (HTML version).",
+        "memberOf" : "Roo.menu.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "The path to an icon to display in this menu item (defaults to Roo.BLANK_IMAGE_URL)",
+        "memberOf" : "Roo.menu.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "itemCls",
+        "type" : "String",
+        "desc" : "The default CSS class to use for check items (defaults to \"x-menu-item x-menu-check-item\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "A Sub menu",
+        "memberOf" : "Roo.menu.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before showing this item (defaults to 200)",
+        "memberOf" : "Roo.menu.Item",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "The text to show on the menu item.",
+        "memberOf" : "Roo.menu.Item",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
         "type" : "function",
-        "desc" : "The raw keydown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this item is activated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "keypress",
+        "name" : "beforecheckchange",
         "type" : "function",
-        "desc" : "The raw keypress event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before the checked value is set, providing an opportunity to cancel if needed",
+        "sig" : "function (_self, checked)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.menu.CheckItem",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "checked",
+            "type" : "Boolean",
+            "desc" : "The new checked value that will be set",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mousedown",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "The raw mousedown event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "The raw mouseout event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "The raw mouseover event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "mouseup",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "The raw mouseup event for the entire grid.",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "propertychange",
+        "name" : "checkchange",
         "type" : "function",
-        "desc" : "Fires after a property changes",
-        "sig" : "function (grid, id, newval, oldval)\n{\n\n}",
+        "desc" : "Fires after the checked value has been set",
+        "sig" : "function (_self, checked)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "grid",
-            "type" : "Roo.grid.PropertyGrid",
-            "desc" : "property grid? (check could be store)",
-            "isOptional" : false
-          },
-          {
-            "name" : "id",
-            "type" : "String",
-            "desc" : "Record Id",
-            "isOptional" : false
-          },
-          {
-            "name" : "newval",
-            "type" : "String",
-            "desc" : "New Value",
+            "name" : "this",
+            "type" : "Roo.menu.CheckItem",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "oldval",
-            "type" : "String",
-            "desc" : "Old Value",
+            "name" : "checked",
+            "type" : "Boolean",
+            "desc" : "The checked value that was set",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires when the grid is rendered",
-        "sig" : "function (grid)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this item is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "grid",
-            "type" : "Grid",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "rowclass",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires when a row is rendered, so you can change add a style to it.",
-        "sig" : "function (gridview, rowcfg)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires when this item is deactivated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "gridview",
-            "type" : "GridView",
-            "desc" : "The grid view",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowcfg",
-            "type" : "Object",
-            "desc" : "contains record  rowIndex and rowClass - set rowClass to add a style.",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowclick",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires when a row is clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "rowcontextmenu",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires when a row is right clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "rowdblclick",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when a row is double clicked",
-        "sig" : "function (_self, rowIndex, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "startdrag",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires when row(s) start being dragged",
-        "sig" : "function (_self, dd, e)\n{\n\n}",
-        "memberOf" : "Roo.grid.Grid",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Grid",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "dd",
-            "type" : "Roo.GridDD",
-            "desc" : "The drag drop object",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "event",
-            "desc" : "The raw browser event",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "validateedit",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after a cell is edited, but before the value is set in the record. \nYou can use this to modify the value being set in the field, Return false\nto cancel the change. The edit event object has the following properties <br />\n<ul style=\"padding:5px;padding-left:16px;\">\n<li>editor - This editor</li>\n<li>grid - This grid</li>\n<li>record - The record being edited</li>\n<li>field - The field name being edited</li>\n<li>value - The value being set</li>\n<li>originalValue - The original value for the field, before the edit.</li>\n<li>row - The grid row index</li>\n<li>column - The grid column index</li>\n<li>cancel - Set this to true to cancel the edit or return false from your handler.</li>\n</ul>",
-        "sig" : "function (e)\n{\n\n}",
-        "memberOf" : "Roo.grid.EditorGrid",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Object",
-            "desc" : "An edit event (see above for description)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addColumns",
+        "name" : "show",
         "type" : "function",
-        "desc" : "addColumns\nAdd's a column, default at the end..",
-        "sig" : "(position, of)",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "position",
-            "type" : "int",
-            "desc" : "to add (default end)",
-            "isOptional" : false
-          },
-          {
-            "name" : "of",
-            "type" : "Array",
-            "desc" : "objects of column configuration see {@link Roo.grid.ColumnModel}",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "autoSize",
-        "type" : "function",
-        "desc" : "Causes the grid to manually recalculate its dimensions. Generally this is done automatically,\nbut if manual update is required this method will initiate it.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroy this grid.",
-        "sig" : "(removeEl)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "removeEl",
-            "type" : "Boolean",
-            "desc" : "True to remove the element",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getColumnModel",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Returns the grid's ColumnModel.",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "ColumnModel",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getDataSource",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Returns the grid's DataSource.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "DataSource",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "getDragDropText",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Called to get grid's drag proxy text, by default returns this.ddText.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.grid.EditorGrid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getGridEl",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the grid's underlying element.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Element",
+            "type" : "Roo.Element",
             "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getSelectionModel",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the grid's SelectionModel.",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "SelectionModel",
+            "type" : "String",
             "desc" : ""
           }
         ]
       },
       {
-        "name" : "getSource",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Gets all the data from the grid.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Object",
-            "desc" : "data  data stored in grid"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "getView",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns the grid's GridView object.",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "GridView",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
-      {
-        "name" : "reconfigure",
-        "type" : "function",
-        "desc" : "Reconfigures the grid to use a different Store and Column Model.\nThe View will be bound to the new objects and refreshed.",
-        "sig" : "(dataSource, The)",
-        "static" : false,
-        "memberOf" : "Roo.grid.Grid",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "dataSource",
-            "type" : "Roo.data.Store",
-            "desc" : "The new {@link Roo.data.Store} object",
-            "isOptional" : false
-          },
-          {
-            "name" : "The",
-            "type" : "Roo.grid.ColumnModel",
-            "desc" : "new {@link Roo.grid.ColumnModel} object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "releaseCapture",
         "type" : "function",
       {
         "name" : "render",
         "type" : "function",
-        "desc" : "Called once after all setup has been completed and the grid is ready to be rendered.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.grid.Grid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.grid.Grid",
-            "desc" : "this"
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setChecked",
+        "type" : "function",
+        "desc" : "Set the checked state of this item",
+        "sig" : "(checked, suppressEvent)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "checked",
+            "type" : "Boolean",
+            "desc" : "The new checked value",
+            "isOptional" : false
+          },
+          {
+            "name" : "suppressEvent",
+            "type" : "Boolean",
+            "desc" : "(optional) True to prevent the checkchange event from firing (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setDisabled",
+        "type" : "function",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setSource",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Sets the data for the Grid\naccepts a Key => Value object of all the elements avaiable.",
-        "sig" : "(data)",
+        "desc" : "Sets the text to display in this menu item",
+        "sig" : "(text, isHTML)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.Item",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "data",
-            "type" : "Object",
-            "desc" : "to appear in grid.",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to display",
+            "isOptional" : false
+          },
+          {
+            "name" : "isHTML",
+            "type" : "Boolean",
+            "desc" : "true to indicate text is pure html.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "startEditing",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Starts editing the specified for the specified row/column",
-        "sig" : "(rowIndex, colIndex)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.grid.EditorGrid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "colIndex",
-            "type" : "Number",
-            "desc" : "",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "stopEditing",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Stops any active editing",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.EditorGrid",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "un",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.grid.RowSelectionModel" : {
+  "Roo.menu.ColorItem" : {
     "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "activeClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "canActivate",
+        "type" : "Boolean",
+        "desc" : "True if this item can be visually activated (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to prevent creation of this menu item (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "singleSelect",
-        "type" : "Boolean",
-        "desc" : "True to allow selection of only one row at a time (defaults to false)",
-        "memberOf" : ""
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "afterselectionchange",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires after the selection changes (eg. by key press or clicking)",
+        "desc" : "Fires when this item is activated",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "SelectionModel",
+            "type" : "Roo.menu.BaseItem",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforerowselect",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when a row is selected being selected, return false to cancel.",
-        "sig" : "function (_self, rowIndex, keepExisting)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "SelectionModel",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "The selected index",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "False if other selections will be cleared",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowdeselect",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires when a row is deselected.",
-        "sig" : "function (_self, rowIndex)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "SelectionModel",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when this item is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "The selected index",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "rowselect",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires when a row is selected.",
-        "sig" : "function (_self, rowIndex, r)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this item is deactivated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "SelectionModel",
+            "type" : "Roo.menu.BaseItem",
             "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "rowIndex",
-            "type" : "Number",
-            "desc" : "The selected index",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "r",
-            "type" : "Roo.data.Record",
-            "desc" : "The record",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "selectionchange",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires when the selection changes",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "SelectionModel",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "clearSelections",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Clears all selections.",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "deselectRange",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Deselects a range of rows. All rows in between startRow and endRow are also deselected.",
-        "sig" : "(startRow, endRow)",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "startRow",
-            "type" : "Number",
-            "desc" : "The index of the first row in the range",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "endRow",
-            "type" : "Number",
-            "desc" : "The index of the last row in the range",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "deselectRow",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Deselects a row.",
-        "sig" : "(row)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The index of the row to deselect",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "getCount",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Gets the number of selected rows.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getSelected",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the first selected record.",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Record",
-            "desc" : ""
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getSelections",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Returns the selected records",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Array",
-            "desc" : "Array of selected records"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
         ]
       },
       {
-        "name" : "hasSelection",
-        "type" : "function",
-        "desc" : "Returns True if there is a selection.",
-        "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" : ""
-          }
-        ]
-      },
-      {
-        "name" : "isIdSelected",
-        "type" : "function",
-        "desc" : "Returns True if the specified record id is selected.",
-        "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 record to check",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "isLocked",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Returns true if the selections are locked.",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.AbstractSelectionModel",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
-          }
-        ]
-      },
-      {
-        "name" : "isSelected",
-        "type" : "function",
-        "desc" : "Returns True if the specified row is selected.",
-        "sig" : "(record)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "record",
-            "type" : "Number/Record",
-            "desc" : "The record or index of the record to check",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : ""
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "lock",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Locks the selections.",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.grid.AbstractSelectionModel",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "selectAll",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Selects all rows.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "selectFirstRow",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "Selects the first row in the grid.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "selectLastRow",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Select the last row.",
-        "sig" : "(keepExisting)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "keepExisting",
+            "name" : "visible",
             "type" : "Boolean",
-            "desc" : "(optional) True to keep existing selections",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "selectNext",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Selects the row immediately following the last selected row.",
-        "sig" : "(keepExisting)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) True to keep existing selections",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "selectPrevious",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Selects the row that precedes the last selected row.",
-        "sig" : "(keepExisting)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) True to keep existing selections",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.menu.ColorMenu" : {
+    "props" : [
+      {
+        "name" : "allowOtherMenus",
+        "type" : "Boolean",
+        "desc" : "True to allow multiple menus to be displayed at the same time (defaults to false)",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "selectRange",
+        "name" : "defaultAlign",
+        "type" : "String",
+        "desc" : "The default {@link Roo.Element#alignTo) anchor position value for this menu\nrelative to its element of origin (defaults to \"tl-bl?\")",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the menu in pixels (defaults to 120)",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "registerMenu",
+        "type" : "Boolean",
+        "desc" : "True (default) - means that clicking on screen etc. hides it.",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"sides\")",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "subMenuAlign",
+        "type" : "String",
+        "desc" : "The {@link Roo.Element#alignTo} anchor position value to use for submenus of\nthis menu (defaults to \"tl-tr?\")",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Selects a range of rows. All rows in between startRow and endRow are also selected.",
-        "sig" : "(startRow, endRow, keepExisting)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before this menu is hidden",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "startRow",
-            "type" : "Number",
-            "desc" : "The index of the first row in the range",
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before this menu is displayed",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "click",
+        "type" : "function",
+        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
+        "sig" : "function (_self, menuItem, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "endRow",
-            "type" : "Number",
-            "desc" : "The index of the last row in the range",
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
             "isOptional" : false
           },
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) True to retain existing selections",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "selectRecords",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Select records.",
-        "sig" : "(records, keepExisting)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after this menu is hidden",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "records",
-            "type" : "Array",
-            "desc" : "The records to select",
-            "isOptional" : false
-          },
-          {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) True to keep existing selections",
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "selectRow",
+        "name" : "itemclick",
         "type" : "function",
-        "desc" : "Selects a row.",
-        "sig" : "(row, keepExisting)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a menu item contained in this menu is clicked",
+        "sig" : "function (baseItem, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "row",
-            "type" : "Number",
-            "desc" : "The index of the row to select",
+            "name" : "baseItem",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "The BaseItem that was clicked",
             "isOptional" : false
           },
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) True to keep existing selections",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "selectRows",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Selects multiple rows.",
-        "sig" : "(rows, keepExisting)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse exits this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "rows",
-            "type" : "Array",
-            "desc" : "Array of the indexes of the row to select",
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "keepExisting",
-            "type" : "Boolean",
-            "desc" : "(optional) True to keep existing selections",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse is hovering over this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "unlock",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Unlocks the selections.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.grid.AbstractSelectionModel",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "",
+        "sig" : "function (palette, color)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "palette",
+            "type" : "ColorPalette",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "color",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.grid.SplitDragZone" : {
-    "props" : [
+      },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after this menu is displayed",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
-    "events" : [],
     "methods" : [
       {
-        "name" : "addEvents",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Addds one or more items of any type supported by the Menu class, or that can be converted into menu items.\nAny of the following are valid:\n<ul>\n<li>Any menu item object based on {@link Roo.menu.Item}</li>\n<li>An HTMLElement object which will be converted to a menu item</li>\n<li>A menu item config object that will be created as a new menu item</li>\n<li>A string, which can either be '-' or 'separator' to add a menu separator, otherwise\nit will be converted into a {@link Roo.menu.TextItem} and added</li>\n</ul>\nUsage:\n<pre><code>\n// Create the menu\nvar menu = new Roo.menu.Menu();\n\n// Create a menu item to add by reference\nvar menuItem = new Roo.menu.Item({ text: 'New Item!' });\n\n// Add a bunch of items at once using different methods.\n// Only the last item added will be returned.\nvar item = menu.add(\n    menuItem,                // add existing item by ref\n    'Dynamic Item',          // new TextItem\n    '-',                     // new separator\n    { text: 'Config Item' }  // new item by config\n);\n</code></pre>",
+        "sig" : "(args)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "args",
+            "type" : "Mixed",
+            "desc" : "One or more menu items, menu item configs or other objects that can be converted to menu items",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added, or the last one if multiple items were added"
+          }
+        ]
       },
       {
-        "name" : "addInvalidHandleClass",
+        "name" : "addElement",
         "type" : "function",
-        "desc" : "Lets you specify a css class of elements that will not initiate a drag",
-        "sig" : "(cssClass)",
+        "desc" : "Adds an {@link Roo.Element} object to the menu",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the elements you wish to ignore",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element or DOM node to add, or its id",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
-        "name" : "addInvalidHandleId",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Lets you to specify an element id for a child of a drag handle\nthat should not initiate a drag",
-        "sig" : "(id)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the element id of the element you wish to ignore",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addInvalidHandleType",
+        "name" : "addItem",
         "type" : "function",
-        "desc" : "Allows you to specify a tag name that should not start a drag operation\nwhen clicked.  This is designed to facilitate embedding links within a\ndrag handle that do something other than start the drag.",
-        "sig" : "(tagName)",
+        "desc" : "Adds an existing object based on {@link Roo.menu.Item} to the menu",
+        "sig" : "(item)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to exclude",
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to add",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
         "name" : "addListener",
         "returns" : []
       },
       {
-        "name" : "addToGroup",
+        "name" : "addMenuItem",
         "type" : "function",
-        "desc" : "Add this instance to a group of related drag/drop objects.  All\ninstances belong to at least one group, and can belong to as many\ngroups as needed.",
-        "sig" : "(sGroup)",
+        "desc" : "Creates a new {@link Roo.menu.Item} based an the supplied config object and adds it to the menu",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "sGroup",
-            "type" : "",
-            "desc" : "{string} the name of the group",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "A MenuItem config object",
             "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
-          },
+        "returns" : [
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the mousedown or drag event",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "applyConfig",
+        "name" : "addSeparator",
         "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.",
+        "desc" : "Adds a separator bar to the menu",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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
-          },
+        "returns" : [
           {
-            "name" : "iPageY",
-            "type" : "int",
-            "desc" : "the Y coordinate of the click",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "cachePosition",
+        "name" : "addText",
         "type" : "function",
-        "desc" : "Saves the most recent position so that we can reset the constraints and\ntick marks on-demand.  We need to know this so that we can calculate the\nnumber of pixels the element is offset from its original position.",
-        "sig" : "(iPageX, iPageY)",
+        "desc" : "Creates a new {@link Roo.menu.TextItem} with the supplied text and adds it to the menu",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iPageX",
-            "type" : "",
-            "desc" : "the current x position (optional, this just makes it so we\ndon't have to look it up again)",
-            "isOptional" : false
-          },
-          {
-            "name" : "iPageY",
-            "type" : "",
-            "desc" : "the current y position (optional, this just makes it so we\ndon't have to look it up again)",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to display in the menu item",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
         "name" : "capture",
         ],
         "returns" : []
       },
-      {
-        "name" : "clearConstraints",
-        "type" : "function",
-        "desc" : "Clears any constraints applied to this instance.  Also clears ticks\nsince they can't exist independent of a constraint at this time.",
-        "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" : "clearTicks",
-        "type" : "function",
-        "desc" : "Clears any tick interval defined for this instance",
-        "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" : "createFrame",
-        "type" : "function",
-        "desc" : "Creates the proxy element if it does not yet exist",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DDProxy",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "endDrag",
-        "type" : "function",
-        "desc" : "Fired when we are done dragging the object",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "fireEvent",
         "type" : "function",
         ]
       },
       {
-        "name" : "getDragEl",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns a reference to the actual element to drag.  By default this is\nthe same as the html element, but it can be assigned to another\nelement. An example of this can be found in Roo.dd.DDProxy",
+        "desc" : "Returns this menu's underlying {@link Roo.Element} object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns a reference to the linked element",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "HTMLElement",
-            "desc" : "the html element"
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Hides this menu and optionally all parent menus",
+        "sig" : "(deep)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "deep",
+            "type" : "Boolean",
+            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "init",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "Sets up the DragDrop object.  Must be called in the constructor of any\nRoo.dd.DragDrop subclass",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Inserts an existing object based on {@link Roo.menu.Item} to the menu at a specified index",
+        "sig" : "(index, item)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
-            "isOptional" : false
-          },
-          {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index in the menu's list of current items where the new item should be inserted",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to add",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
-        "name" : "initFrame",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Initialization for the drag frame element.  Must be called in the\nconstructor of all subclasses",
+        "desc" : "Read-only.  Returns true if the menu is currently displayed, else false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DDProxy",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "initTarget",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Initializes Targeting functionality only... the object does not\nget a mousedown handler.",
-        "sig" : "(id, sGroup, config)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the linked element",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "sGroup",
-            "type" : "String",
-            "desc" : "the group of related items",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
-            "name" : "config",
-            "type" : "object",
-            "desc" : "configuration attributes",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "isLocked",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Returns true if this instance is locked, or the drag drop mgr is locked\n(meaning that all drag/drop is disabled on the page.)",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this obj or all drag/drop is locked, else\nfalse"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isTarget",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "By default, all insances can be a drop target.  This can be disabled by\nsetting isTarget to false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "isValidHandleChild",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Checks the tag exclusion list to see if this click should be ignored",
-        "sig" : "(node)",
+        "desc" : "Removes an {@link Roo.menu.Item} from the menu and destroys the object",
+        "sig" : "(item)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "HTMLElement",
-            "desc" : "the HTMLElement to evaluate",
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to remove",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "boolean",
-            "desc" : "true if this is a valid tag type, false if not"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "lock",
+        "name" : "removeAll",
         "type" : "function",
-        "desc" : "Lock this instance",
+        "desc" : "Removes and destroys all items in the menu",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The method the event invokes",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
-            "isOptional" : false
-          },
-          {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onAvailable",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Override the onAvailable method to do what is needed after the initial\nposition was determined.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Displays this menu relative to another element",
+        "sig" : "(element, position, parentMenu)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to",
+            "isOptional" : false
+          },
+          {
+            "name" : "position",
+            "type" : "String",
+            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "onDrag",
+        "name" : "showAt",
         "type" : "function",
-        "desc" : "Abstract method called during the onMouseMove event while dragging an\nobject.",
-        "sig" : "(e)",
+        "desc" : "Displays this menu at a specific xy position",
+        "sig" : "(xyPosition, parentMenu)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "xyPosition",
+            "type" : "Array",
+            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragDrop",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on another DragDrop\nobj",
-        "sig" : "(e, id)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was dropped on.  In INTERSECT mode, an array of dd items this\nwas dropped on.",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.menu.DateItem" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "activeClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "canActivate",
+        "type" : "Boolean",
+        "desc" : "True if this item can be visually activated (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to prevent creation of this menu item (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
+        "type" : "function",
+        "desc" : "Fires when this item is activated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragEnter",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Abstract method called when this element fist begins hovering over\nanother DragDrop obj",
-        "sig" : "(e, id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of one or more\ndragdrop items being hovered over.",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragOut",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Abstract method called when we are no longer hovering over an element",
-        "sig" : "(e, id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this was hovering over.  In INTERSECT mode, an array of dd items\nthat the mouse is no longer over.",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onDragOver",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Abstract method called when this element is hovering over another\nDragDrop obj",
-        "sig" : "(e, id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this item is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousemove event",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "id",
-            "type" : "String|DragDrop[]",
-            "desc" : "In POINT mode, the element\nid this is hovering over.  In INTERSECT mode, an array of dd items\nbeing hovered over.",
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onInvalidDrop",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Abstract method called when this item is dropped on an area with no\ndrop target",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this item is deactivated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseDown",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mousedown",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mousedown event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "onMouseUp",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Event handler that fires when a drag/drop obj gets a mouseup",
-        "sig" : "(e)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "e",
-            "type" : "Event",
-            "desc" : "the mouseup event",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "padding",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "The padding configured for this drag and drop object for calculating\nthe drop zone intersection with this object.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
         "static" : true,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
           {
             "name" : "o",
             "type" : "Observable",
-            "desc" : "The Observable to release",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeFromGroup",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Remove's this instance from the supplied interaction group",
-        "sig" : "(sGroup)",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Disable this component.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.Component",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "sGroup",
-            "type" : "string",
-            "desc" : "The group to drop",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleClass",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Unsets an invalid css class",
-        "sig" : "(cssClass)",
+        "desc" : "Enable this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "cssClass",
-            "type" : "string",
-            "desc" : "the class of the element(s) you wish to\nre-enable",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeInvalidHandleId",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Unsets an invalid handle id",
-        "sig" : "(id)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "string",
-            "desc" : "the id of the element to re-enable",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "removeInvalidHandleType",
+        "name" : "focus",
         "type" : "function",
-        "desc" : "Unsets an excluded tag name set by addInvalidHandleType",
-        "sig" : "(tagName)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "tagName",
-            "type" : "string",
-            "desc" : "the type of element to unexclude",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "resetConstraints",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "resetConstraints must be called if you manually reposition a dd element.",
-        "sig" : "(maintainOffset)",
+        "desc" : "Returns the id of this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "maintainOffset",
-            "type" : "boolean",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setDelta",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Sets the pointer offset.  You can call this directly to force the\noffset to be in a particular location (e.g., pass in 0,0 to set it\nto the center of the object)",
-        "sig" : "(iDeltaX, iDeltaY)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iDeltaX",
-            "type" : "int",
-            "desc" : "the distance from the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iDeltaY",
-            "type" : "int",
-            "desc" : "the distance from the top",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "setDragElId",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Allows you to specify that an element other than the linked element\nwill be moved with the cursor during a drag",
-        "sig" : "(id)",
+        "desc" : "Hide this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to initiate the drag",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setDragElPos",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "Sets the drag 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" : "(iPageX, iPageY)",
+        "desc" : "Returns true if this component is visible.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DD",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "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
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setHandleElId",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Allows you to specify a child of the linked element that should be\nused to initiate the drag operation.  An example of this would be if\nyou have a content div with text and links.  Clicking anywhere in the\ncontent area would normally start the drag operation.  Use this method\nto specify that an element inside of the content div is the element\nthat starts the drag operation.",
-        "sig" : "(id)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "{string} the id of the element that will be used to\ninitiate the drag.",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setInitPosition",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Stores the initial placement of the linked element.",
-        "sig" : "(diffX, diffY)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "diffX",
-            "type" : "int",
-            "desc" : "the X offset, default 0",
-            "isOptional" : false
-          },
-          {
-            "name" : "diffY",
-            "type" : "int",
-            "desc" : "the Y offset, default 0",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setOuterHandleElId",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Allows you to set an element outside of the linked element as a drag\nhandle",
-        "sig" : "(id)",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "id",
-            "type" : "",
-            "desc" : "the id of the element that will be used to initiate the drag",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setPadding",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Configures the padding for the target zone in px.  Effectively expands\n(or reduces) the virtual object size for targeting calculations.\nSupports css-style shorthand; if only one parameter is passed, all sides\nwill have that padding, and if only two are passed, the top and bottom\nwill have the first param, the left and right the second.",
-        "sig" : "(iTop, iRight, iBot, iLeft)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iTop",
-            "type" : "int",
-            "desc" : "Top pad",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "Right pad",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "iBot",
-            "type" : "int",
-            "desc" : "Bot pad",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "Left pad",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setXConstraint",
+        "name" : "render",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Use\nthis method to limit the horizontal travel of the element.  Pass in\n0,0 for the parameters if you want to lock the drag to the y axis.",
-        "sig" : "(iLeft, iRight, iTickSize)",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iLeft",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the left",
-            "isOptional" : false
-          },
-          {
-            "name" : "iRight",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move to the\nright",
-            "isOptional" : false
-          },
-          {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement\nshould move iTickSize pixels at a time.",
+            "name" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setYConstraint",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "By default, the element can be dragged any place on the screen.  Set\nthis to limit the vertical travel of the element.  Pass in 0,0 for the\nparameters if you want to lock the drag to the x axis.",
-        "sig" : "(iUp, iDown, iTickSize)",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "iUp",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move up",
-            "isOptional" : false
-          },
-          {
-            "name" : "iDown",
-            "type" : "int",
-            "desc" : "the number of pixels the element can move down",
-            "isOptional" : false
-          },
-          {
-            "name" : "iTickSize",
-            "type" : "int",
-            "desc" : "optional parameter for specifying that the\nelement should move iTickSize pixels at a time.",
+            "name" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "startDrag",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "Abstract method called after a drag/drop object is clicked\nand the drag or mousedown time thresholds have beeen met.",
-        "sig" : "(X, Y)",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "X",
-            "type" : "int",
-            "desc" : "click location",
-            "isOptional" : false
-          },
-          {
-            "name" : "Y",
-            "type" : "int",
-            "desc" : "click location",
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "toString",
+        "name" : "show",
         "type" : "function",
-        "desc" : "toString method",
+        "desc" : "Show this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "string",
-            "desc" : "string representation of the dd obj"
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
           }
         ],
         "returns" : []
-      },
-      {
-        "name" : "unlock",
-        "type" : "function",
-        "desc" : "Unlock this instace",
-        "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" : "unreg",
-        "type" : "function",
-        "desc" : "Remove all drag and drop hooks for this element",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.dd.DragDrop",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.lib" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.lib.Ajax" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+  "Roo.menu.DateMenu" : {
+    "props" : [
       {
-        "name" : "request",
-        "type" : "function",
-        "desc" : "",
-        "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
+        "name" : "allowOtherMenus",
+        "type" : "Boolean",
+        "desc" : "True to allow multiple menus to be displayed at the same time (defaults to false)",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "serializeForm",
+        "name" : "defaultAlign",
+        "type" : "String",
+        "desc" : "The default {@link Roo.Element#alignTo) anchor position value for this menu\nrelative to its element of origin (defaults to \"tl-bl?\")",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "The minimum width of the menu in pixels (defaults to 120)",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "registerMenu",
+        "type" : "Boolean",
+        "desc" : "True (default) - means that clicking on screen etc. hides it.",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"sides\")",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "subMenuAlign",
+        "type" : "String",
+        "desc" : "The {@link Roo.Element#alignTo} anchor position value to use for submenus of\nthis menu (defaults to \"tl-tr?\")",
+        "memberOf" : "Roo.menu.Menu",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "serialize a form",
-        "sig" : "(form)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before this menu is hidden",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "form",
-            "type" : "DomForm",
-            "desc" : "element",
+            "name" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "String",
-            "desc" : "urlencode form output."
-          }
-        ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.lib.Color" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        "returns" : []
+      },
       {
-        "name" : "getCSSHSL",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "getCSSHSL",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before this menu is displayed",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSHSLA",
+        "name" : "click",
         "type" : "function",
-        "desc" : "getCSSHSLA",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
+        "sig" : "function (_self, menuItem, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSHexadecimalRGB",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "getCSSHexadecimalRGB",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after this menu is hidden",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSIntegerRGB",
+        "name" : "itemclick",
         "type" : "function",
-        "desc" : "getCSSIntegerRGB",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when a menu item contained in this menu is clicked",
+        "sig" : "function (baseItem, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "baseItem",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "The BaseItem that was clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSIntegerRGBA",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "getCSSIntegerRGBA",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse exits this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGB",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "getCSSPercentageRGB",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when the mouse is hovering over this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGBA",
+        "name" : "select",
         "type" : "function",
-        "desc" : "getCSSPercentageRGBA",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
+        "desc" : "",
+        "sig" : "function (picker, date)\n{\n\n}",
         "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "picker",
+            "type" : "DatePicker",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getHSL",
+        "name" : "show",
         "type" : "function",
-        "desc" : "getHSL",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after this menu is displayed",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.Menu",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
-      },
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
       {
-        "name" : "getHSV",
+        "name" : "add",
         "type" : "function",
-        "desc" : "getHSV",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Addds one or more items of any type supported by the Menu class, or that can be converted into menu items.\nAny of the following are valid:\n<ul>\n<li>Any menu item object based on {@link Roo.menu.Item}</li>\n<li>An HTMLElement object which will be converted to a menu item</li>\n<li>A menu item config object that will be created as a new menu item</li>\n<li>A string, which can either be '-' or 'separator' to add a menu separator, otherwise\nit will be converted into a {@link Roo.menu.TextItem} and added</li>\n</ul>\nUsage:\n<pre><code>\n// Create the menu\nvar menu = new Roo.menu.Menu();\n\n// Create a menu item to add by reference\nvar menuItem = new Roo.menu.Item({ text: 'New Item!' });\n\n// Add a bunch of items at once using different methods.\n// Only the last item added will be returned.\nvar item = menu.add(\n    menuItem,                // add existing item by ref\n    'Dynamic Item',          // new TextItem\n    '-',                     // new separator\n    { text: 'Config Item' }  // new item by config\n);\n</code></pre>",
+        "sig" : "(args)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "args",
+            "type" : "Mixed",
+            "desc" : "One or more menu items, menu item configs or other objects that can be converted to menu items",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added, or the last one if multiple items were added"
           }
         ]
       },
       {
-        "name" : "getIntegerRGB",
+        "name" : "addElement",
         "type" : "function",
-        "desc" : "getIntegerRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds an {@link Roo.Element} object to the menu",
+        "sig" : "(el)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element or DOM node to add, or its id",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
-        "name" : "getPercentageRGB",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "getPercentageRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "object",
             "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]."
+            "desc" : "The object with the events defined",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRGB",
+        "name" : "addItem",
         "type" : "function",
-        "desc" : "getRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds an existing object based on {@link Roo.menu.Item} to the menu",
+        "sig" : "(item)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to add",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
-        "name" : "setNodeBackgroundColor",
+        "name" : "addListener",
         "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)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose background Color should be set",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setNodeColor",
+        "name" : "addMenuItem",
         "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)",
+        "desc" : "Creates a new {@link Roo.menu.Item} based an the supplied config object and adds it to the menu",
+        "sig" : "(config)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose Color should be set",
+            "name" : "config",
+            "type" : "Object",
+            "desc" : "A MenuItem config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "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"
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
-        "name" : "getDocumentWidth",
+        "name" : "addSeparator",
         "type" : "function",
-        "desc" : "Get the Full Document width",
+        "desc" : "Adds a separator bar to the menu",
         "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "static" : false,
+        "memberOf" : "Roo.menu.Menu",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The width"
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
-        "name" : "getViewHeight",
+        "name" : "addText",
         "type" : "function",
-        "desc" : "Get the view height",
-        "sig" : "(full)",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "desc" : "Creates a new {@link Roo.menu.TextItem} with the supplied text and adds it to the menu",
+        "sig" : "(text)",
+        "static" : false,
+        "memberOf" : "Roo.menu.Menu",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "full",
-            "type" : "Boolean",
-            "desc" : "True will get the full document, otherwise it's the view height",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to display in the menu item",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The height"
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
-        "name" : "getViewWidth",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Get the view width",
-        "sig" : "(full)",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
         "static" : true,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "full",
-            "type" : "Boolean",
-            "desc" : "True will get the full document, otherwise it's the view width",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The width"
-          }
-        ]
-      },
-      {
-        "name" : "getViewportHeight",
-        "type" : "function",
-        "desc" : "Get the Window Viewport height",
-        "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
           {
-            "name" : "",
-            "type" : "Number",
-            "desc" : "The height"
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getViewportWidth",
-        "type" : "function",
-        "desc" : "Get the Window Viewport width",
-        "sig" : "()\n{\n\n}",
-        "static" : true,
-        "memberOf" : "",
-        "isStatic" : true,
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Number",
-            "desc" : "The width"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.lib.HSLColor" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+      },
       {
-        "name" : "getCSSHSL",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "getCSSHSL",
+        "desc" : "Returns this menu's underlying {@link Roo.Element} object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
         ]
       },
       {
-        "name" : "getCSSHSLA",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "getCSSHSLA",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "getCSSHexadecimalRGB",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "getCSSHexadecimalRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Hides this menu and optionally all parent menus",
+        "sig" : "(deep)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "deep",
+            "type" : "Boolean",
+            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSIntegerRGB",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "getCSSIntegerRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Inserts an existing object based on {@link Roo.menu.Item} to the menu at a specified index",
+        "sig" : "(index, item)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index in the menu's list of current items where the new item should be inserted",
+            "isOptional" : false
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to add",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
-        "name" : "getCSSIntegerRGBA",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "getCSSIntegerRGBA",
+        "desc" : "Read-only.  Returns true if the menu is currently displayed, else false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGB",
+        "name" : "on",
         "type" : "function",
-        "desc" : "getCSSPercentageRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
             "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]."
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGBA",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "getCSSPercentageRGBA",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getHSL",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "getHSL",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getHSV",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "getHSV",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes an {@link Roo.menu.Item} from the menu and destroys the object",
+        "sig" : "(item)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to remove",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getIntegerRGB",
+        "name" : "removeAll",
         "type" : "function",
-        "desc" : "getIntegerRGB",
+        "desc" : "Removes and destroys all items in the menu",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getPercentageRGB",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "getPercentageRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "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]."
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRGB",
+        "name" : "show",
         "type" : "function",
-        "desc" : "getRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Displays this menu relative to another element",
+        "sig" : "(element, position, parentMenu)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to",
+            "isOptional" : false
+          },
+          {
+            "name" : "position",
+            "type" : "String",
+            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "setNodeBackgroundColor",
+        "name" : "showAt",
         "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)",
+        "desc" : "Displays this menu at a specific xy position",
+        "sig" : "(xyPosition, parentMenu)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.menu.Menu",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose background Color should be set",
+            "name" : "xyPosition",
+            "type" : "Array",
+            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setNodeColor",
+        "name" : "un",
         "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)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose Color should be set",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.lib.HSVColor" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+  "Roo.menu.Item" : {
+    "props" : [
       {
-        "name" : "getCSSHSL",
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "activeClass",
+        "type" : "String",
+        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "canActivate",
+        "type" : "Boolean",
+        "desc" : "True if this item can be visually activated (defaults to true)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "handler",
+        "type" : "Function",
+        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hidden",
+        "type" : "Boolean",
+        "desc" : "True to prevent creation of this menu item (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "hideOnClick",
+        "type" : "Boolean",
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "html",
+        "type" : "String",
+        "desc" : "to render in menu\nThe text to show on the menu item (HTML version).",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "icon",
+        "type" : "String",
+        "desc" : "The path to an icon to display in this menu item (defaults to Roo.BLANK_IMAGE_URL)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "itemCls",
+        "type" : "String",
+        "desc" : "The default CSS class to use for menu items (defaults to \"x-menu-item\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "A Sub menu",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "showDelay",
+        "type" : "Number",
+        "desc" : "Length of time in milliseconds to wait before showing this item (defaults to 200)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "text",
+        "type" : "String",
+        "desc" : "The text to show on the menu item.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
         "type" : "function",
-        "desc" : "getCSSHSL",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires when this item is activated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSHSLA",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "getCSSHSLA",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSHexadecimalRGB",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "getCSSHexadecimalRGB",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSIntegerRGB",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "getCSSIntegerRGB",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSIntegerRGBA",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "getCSSIntegerRGBA",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGB",
+        "name" : "click",
         "type" : "function",
-        "desc" : "getCSSPercentageRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires when this item is clicked",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "deactivate",
+        "type" : "function",
+        "desc" : "Fires when this item is deactivated",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.menu.BaseItem",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.menu.BaseItem",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "destroy",
+        "type" : "function",
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "disable",
+        "type" : "function",
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "enable",
+        "type" : "function",
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hide",
+        "type" : "function",
+        "desc" : "Fires after the component is hidden.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "render",
+        "type" : "function",
+        "desc" : "Fires after the component is rendered.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "show",
+        "type" : "function",
+        "desc" : "Fires after the component is shown.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      }
+    ],
+    "methods" : [
+      {
+        "name" : "addEvents",
+        "type" : "function",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGBA",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "getCSSPercentageRGBA",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
             "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]."
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getHSL",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "getHSL",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "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]."
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getHSV",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "getHSV",
+        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getIntegerRGB",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "getIntegerRGB",
+        "desc" : "Disable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getPercentageRGB",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "getPercentageRGB",
+        "desc" : "Enable this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getRGB",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "getRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "setNodeBackgroundColor",
+        "name" : "focus",
         "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)",
+        "desc" : "Try to focus this component.",
+        "sig" : "(selectText)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose background Color should be set",
+            "name" : "selectText",
+            "type" : "Boolean",
+            "desc" : "True to also select the text in this component (if applicable)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
+          }
+        ]
       },
       {
-        "name" : "setNodeColor",
+        "name" : "getEl",
         "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)",
+        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose Color should be set",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : "The element"
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.lib.RGBColor" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
+        ]
+      },
       {
-        "name" : "getCSSHSL",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "getCSSHSL",
+        "desc" : "Returns the id of this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
           {
             "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]."
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getCSSHSLA",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "getCSSHSLA",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "getCSSHexadecimalRGB",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "getCSSHexadecimalRGB",
+        "desc" : "Hide this component.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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."
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "getCSSIntegerRGB",
+        "name" : "isVisible",
         "type" : "function",
-        "desc" : "getCSSIntegerRGB",
+        "desc" : "Returns true if this component is visible.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getCSSIntegerRGBA",
+        "name" : "on",
         "type" : "function",
-        "desc" : "getCSSIntegerRGBA",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
             "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]."
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGB",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "getCSSPercentageRGB",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "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]."
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getCSSPercentageRGBA",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "getCSSPercentageRGBA",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.lib.Color",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getHSL",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "getHSL",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
             "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]."
+            "desc" : "(optional) The scope (this object) for the handler",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getHSV",
+        "name" : "render",
         "type" : "function",
-        "desc" : "getHSV",
-        "sig" : "()\n{\n\n}",
+        "desc" : "If this is a lazy rendering component, render it to its container element.",
+        "sig" : "(container)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "container",
+            "type" : "String/HTMLElement/Element",
+            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getIntegerRGB",
+        "name" : "setDisabled",
         "type" : "function",
-        "desc" : "getIntegerRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function for setting disabled/enabled by boolean.",
+        "sig" : "(disabled)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "disabled",
+            "type" : "Boolean",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getPercentageRGB",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "getPercentageRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Sets the text to display in this menu item",
+        "sig" : "(text, isHTML)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "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" : "text",
+            "type" : "String",
+            "desc" : "The text to display",
+            "isOptional" : false
+          },
+          {
+            "name" : "isHTML",
+            "type" : "Boolean",
+            "desc" : "true to indicate text is pure html.",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "getRGB",
+        "name" : "setVisible",
         "type" : "function",
-        "desc" : "getRGB",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Convenience function to hide or show this component by boolean.",
+        "sig" : "(visible)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "visible",
+            "type" : "Boolean",
+            "desc" : "True to show, false to hide",
+            "isOptional" : false
+          }
+        ],
         "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]."
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "setNodeBackgroundColor",
+        "name" : "show",
         "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)",
+        "desc" : "Show this component.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.Component",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose background Color should be set",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Component",
+            "desc" : "this"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "setNodeColor",
+        "name" : "un",
         "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)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.lib.Color",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "node",
-            "type" : "DomElement",
-            "desc" : "- the node whose Color should be set",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.menu" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
+    "implementations" : [
+      "Roo.menu.CheckItem"
+    ],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.menu.Adapter" : {
+  "Roo.menu.Menu" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "activeClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "canActivate",
+        "name" : "allowOtherMenus",
         "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "True to allow multiple menus to be displayed at the same time (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "disableClass",
+        "name" : "defaultAlign",
         "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "The default {@link Roo.Element#alignTo) anchor position value for this menu\nrelative to its element of origin (defaults to \"tl-bl?\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideDelay",
+        "name" : "minWidth",
         "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "The minimum width of the menu in pixels (defaults to 120)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "name" : "registerMenu",
+        "type" : "Boolean",
+        "desc" : "True (default) - means that clicking on screen etc. hides it.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideOnClick",
-        "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "name" : "shadow",
+        "type" : "Boolean/String",
+        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"sides\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "name" : "subMenuAlign",
+        "type" : "String",
+        "desc" : "The {@link Roo.Element#alignTo} anchor position value to use for submenus of\nthis menu (defaults to \"tl-tr?\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activate",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Fires when this item is activated",
+        "desc" : "Fires before this menu is hidden",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforedestroy",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "desc" : "Fires before this menu is displayed",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "click",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
+        "sig" : "function (_self, menuItem, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "desc" : "Fires after this menu is hidden",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "itemclick",
         "type" : "function",
-        "desc" : "Fires when this item is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Fires when a menu item contained in this menu is clicked",
+        "sig" : "function (baseItem, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
+            "name" : "baseItem",
             "type" : "Roo.menu.BaseItem",
-            "desc" : "",
+            "desc" : "The BaseItem that was clicked",
             "isOptional" : false
           },
           {
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "mouseout",
         "type" : "function",
-        "desc" : "Fires when this item is deactivated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Fires when the mouse exits this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "mouseover",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the mouse is hovering over this menu",
+        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Roo.EventObject",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "menuItem",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was clicked",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after this menu is displayed",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.menu.Menu",
             "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "hide",
+        "name" : "add",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Addds one or more items of any type supported by the Menu class, or that can be converted into menu items.\nAny of the following are valid:\n<ul>\n<li>Any menu item object based on {@link Roo.menu.Item}</li>\n<li>An HTMLElement object which will be converted to a menu item</li>\n<li>A menu item config object that will be created as a new menu item</li>\n<li>A string, which can either be '-' or 'separator' to add a menu separator, otherwise\nit will be converted into a {@link Roo.menu.TextItem} and added</li>\n</ul>\nUsage:\n<pre><code>\n// Create the menu\nvar menu = new Roo.menu.Menu();\n\n// Create a menu item to add by reference\nvar menuItem = new Roo.menu.Item({ text: 'New Item!' });\n\n// Add a bunch of items at once using different methods.\n// Only the last item added will be returned.\nvar item = menu.add(\n    menuItem,                // add existing item by ref\n    'Dynamic Item',          // new TextItem\n    '-',                     // new separator\n    { text: 'Config Item' }  // new item by config\n);\n</code></pre>",
+        "sig" : "(args)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "args",
+            "type" : "Mixed",
+            "desc" : "One or more menu items, menu item configs or other objects that can be converted to menu items",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added, or the last one if multiple items were added"
+          }
+        ]
       },
       {
-        "name" : "render",
+        "name" : "addElement",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Adds an {@link Roo.Element} object to the menu",
+        "sig" : "(el)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "el",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element or DOM node to add, or its id",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
-        "name" : "show",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "methods" : [
+      },
       {
-        "name" : "addEvents",
+        "name" : "addItem",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Adds an existing object based on {@link Roo.menu.Item} to the menu",
+        "sig" : "(item)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to add",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
         "name" : "addListener",
         "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "addMenuItem",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Creates a new {@link Roo.menu.Item} based an the supplied config object and adds it to the menu",
+        "sig" : "(config)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
+            "name" : "config",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "desc" : "A MenuItem config object",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
-        "name" : "destroy",
+        "name" : "addSeparator",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Adds a separator bar to the menu",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
+          }
+        ]
       },
       {
-        "name" : "disable",
+        "name" : "addText",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Creates a new {@link Roo.menu.TextItem} with the supplied text and adds it to the menu",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text to display in the menu item",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Enable this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
+            "isOptional" : false
+          },
+          {
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "fireEvent",
           }
         ]
       },
-      {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
       {
         "name" : "getEl",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns this menu's underlying {@link Roo.Element} object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         ]
       },
       {
-        "name" : "getId",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
           }
         ]
       },
       {
-        "name" : "hasListener",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Hides this menu and optionally all parent menus",
+        "sig" : "(deep)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "deep",
+            "type" : "Boolean",
+            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "insert",
         "type" : "function",
-        "desc" : "Hide this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Inserts an existing object based on {@link Roo.menu.Item} to the menu at a specified index",
+        "sig" : "(index, item)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "index",
+            "type" : "Number",
+            "desc" : "The index in the menu's list of current items where the new item should be inserted",
+            "isOptional" : false
+          },
+          {
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to add",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item that was added"
           }
         ]
       },
       {
         "name" : "isVisible",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Read-only.  Returns true if the menu is currently displayed, else false.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "remove",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Removes an {@link Roo.menu.Item} from the menu and destroys the object",
+        "sig" : "(item)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "item",
+            "type" : "Roo.menu.Item",
+            "desc" : "The menu item to remove",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "removeAll",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Removes and destroys all items in the menu",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Displays this menu relative to another element",
+        "sig" : "(element, position, parentMenu)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
-            "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "name" : "element",
+            "type" : "String/HTMLElement/Roo.Element",
+            "desc" : "The element to align to",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "position",
+            "type" : "String",
+            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "showAt",
         "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Displays this menu at a specific xy position",
+        "sig" : "(xyPosition, parentMenu)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "name" : "xyPosition",
+            "type" : "Array",
+            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
+            "isOptional" : false
+          },
+          {
+            "name" : "parentMenu",
+            "type" : "Roo.menu.Menu",
+            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
         "name" : "un",
         "returns" : []
       }
     ],
-    "isAbstract" : true,
+    "isAbstract" : false,
     "isBuilderTop" : false,
     "implementations" : [
-      "Roo.menu.ColorItem",
-      "Roo.menu.DateItem"
+      "Roo.menu.ColorMenu",
+      "Roo.menu.DateMenu"
+    ],
+    "tree_children" : [
+      "Roo.menu.Item",
+      "Roo.menu.CheckItem",
+      "Roo.menu.Separator",
+      "Roo.menu.TextItem"
+    ],
+    "tree_parent" : []
+  },
+  "Roo.menu.MenuMgr" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [
+      {
+        "name" : "get",
+        "type" : "function",
+        "desc" : "Returns a {@link Roo.menu.Menu} object",
+        "sig" : "(menu)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "menu",
+            "type" : "String/Object",
+            "desc" : "The string menu id, an existing menu object reference, or a Menu config that will\nbe used to generate and return a new Menu instance.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "hideAll",
+        "type" : "function",
+        "desc" : "Hides all menus that are currently visible",
+        "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,
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.menu.BaseItem" : {
+  "Roo.menu.Separator" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "activeClass",
         "type" : "String",
         "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "canActivate",
         "type" : "Boolean",
         "desc" : "True if this item can be visually activated (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "handler",
         "type" : "Function",
         "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : ""
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hidden",
         "type" : "Boolean",
         "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideDelay",
         "type" : "Number",
         "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : ""
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
         "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
-        "memberOf" : ""
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "itemCls",
+        "type" : "String",
+        "desc" : "The default CSS class to use for separators (defaults to \"x-menu-sep\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "type" : "function",
         "desc" : "Fires when this item is activated",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when this item is clicked",
         "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "type" : "function",
         "desc" : "Fires when this item is deactivated",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
+        "memberOf" : "Roo.menu.BaseItem",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "returns" : []
       }
     ],
-    "isAbstract" : true,
+    "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.menu.Adapter",
-      "Roo.menu.CheckItem",
-      "Roo.menu.ColorItem",
-      "Roo.menu.DateItem",
-      "Roo.menu.Item",
-      "Roo.menu.Separator",
-      "Roo.menu.TextItem"
-    ],
+    "implementations" : [],
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.menu.CheckItem" : {
+  "Roo.menu.TextItem" : {
     "props" : [
-      {
-        "name" : "HTML",
-        "type" : "String",
-        "desc" : "to render in menu\nThe text to show on the menu item (HTML version).",
-        "memberOf" : "Roo.menu.Item"
-      },
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "activeClass",
         "type" : "String",
         "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "canActivate",
         "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to true)",
-        "memberOf" : "Roo.menu.Item"
-      },
-      {
-        "name" : "checked",
-        "type" : "Boolean",
-        "desc" : "True to initialize this checkbox as checked (defaults to false).  Note that\nif this checkbox is part of a radio group (group = true) only the last item in the group that is\ninitialized with checked = true will be rendered as checked.",
-        "memberOf" : ""
+        "desc" : "True if this item can be visually activated (defaults to false)",
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "group",
-        "type" : "String",
-        "desc" : "All check items with the same group name will automatically be grouped into a single-select\nradio button group (defaults to '')",
-        "memberOf" : ""
-      },
-      {
-        "name" : "groupClass",
-        "type" : "String",
-        "desc" : "The default CSS class to use for radio group check items (defaults to \"x-menu-group-item\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "handler",
         "type" : "Function",
         "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hidden",
         "type" : "Boolean",
         "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideDelay",
         "type" : "Number",
         "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "memberOf" : "Roo.menu.BaseItem",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "hideOnClick",
         "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "The path to an icon to display in this menu item (defaults to Roo.BLANK_IMAGE_URL)",
-        "memberOf" : "Roo.menu.Item"
+        "desc" : "True to hide the containing menu after this item is clicked (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "itemCls",
         "type" : "String",
-        "desc" : "The default CSS class to use for check items (defaults to \"x-menu-item x-menu-check-item\")",
-        "memberOf" : ""
+        "desc" : "The default CSS class to use for text items (defaults to \"x-menu-text\")",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "menu",
-        "type" : "Roo.menu.Menu",
-        "desc" : "A Sub menu",
-        "memberOf" : "Roo.menu.Item"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "showDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before showing this item (defaults to 200)",
-        "memberOf" : "Roo.menu.Item"
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "text",
         "type" : "String",
-        "desc" : "The text to show on the menu item.",
-        "memberOf" : "Roo.menu.Item"
+        "desc" : "Text to show on item.",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         ],
         "returns" : []
       },
-      {
-        "name" : "beforecheckchange",
-        "type" : "function",
-        "desc" : "Fires before the checked value is set, providing an opportunity to cancel if needed",
-        "sig" : "function (_self, checked)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.CheckItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "checked",
-            "type" : "Boolean",
-            "desc" : "The new checked value that will be set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "beforedestroy",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "checkchange",
-        "type" : "function",
-        "desc" : "Fires after the checked value has been set",
-        "sig" : "function (_self, checked)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.CheckItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "checked",
-            "type" : "Boolean",
-            "desc" : "The checked value that was set",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "click",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setChecked",
-        "type" : "function",
-        "desc" : "Set the checked state of this item",
-        "sig" : "(checked, suppressEvent)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "checked",
-            "type" : "Boolean",
-            "desc" : "The new checked value",
-            "isOptional" : false
-          },
-          {
-            "name" : "suppressEvent",
-            "type" : "Boolean",
-            "desc" : "(optional) True to prevent the checkchange event from firing (defaults to false)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setDisabled",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "setText",
-        "type" : "function",
-        "desc" : "Sets the text to display in this menu item",
-        "sig" : "(text, isHTML)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Item",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The text to display",
-            "isOptional" : false
-          },
-          {
-            "name" : "isHTML",
-            "type" : "Boolean",
-            "desc" : "true to indicate text is pure html.",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
       {
         "name" : "setVisible",
         "type" : "function",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.menu.ColorItem" : {
+  "Roo.panel" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.panel.Calendar" : {
     "props" : [
       {
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "activeClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "canActivate",
-        "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideOnClick",
-        "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "activate",
+        "name" : "beforedestroy",
         "type" : "function",
-        "desc" : "Fires when this item is activated",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforehide",
+        "type" : "function",
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforerender",
+        "type" : "function",
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "beforeshow",
+        "type" : "function",
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforedestroy",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "desc" : "Fires after the component is destroyed.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fires after the component is disabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "desc" : "Fires after the component is enabled.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "eventclick",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the mouse click an",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Calendar",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "",
+            "type" : "event",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "evententer",
         "type" : "function",
-        "desc" : "Fires when this item is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Fires when mouse over an event",
+        "sig" : "function (_self, Event)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Calendar",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "name" : "Event",
+            "type" : "event",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "eventleave",
         "type" : "function",
-        "desc" : "Fires when this item is deactivated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Fires when the mouse leaves an",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Calendar",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "",
+            "type" : "event",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "monthchange",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when the displayed month changes",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "DatePicker",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected month",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "rendered",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires when the grid is rendered",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Calendar",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "select",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when a date is selected",
+        "sig" : "function (_self, date)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "DatePicker",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "date",
+            "type" : "Date",
+            "desc" : "The selected date",
+            "isOptional" : false
           }
         ],
         "returns" : []
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.menu.ColorMenu" : {
+  "Roo.panel.Content" : {
     "props" : [
       {
-        "name" : "allowOtherMenus",
+        "name" : "adjustments",
+        "type" : "Array",
+        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "Boolean|Object",
+        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "True to allow multiple menus to be displayed at the same time (defaults to false)",
-        "memberOf" : "Roo.menu.Menu"
+        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "defaultAlign",
+        "name" : "background",
+        "type" : "Boolean",
+        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closable",
+        "type" : "Boolean",
+        "desc" : "True if the panel can be closed/removed",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "content",
         "type" : "String",
-        "desc" : "The default {@link Roo.Element#alignTo) anchor position value for this menu\nrelative to its element of origin (defaults to \"tl-bl?\")",
-        "memberOf" : "Roo.menu.Menu"
+        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fitContainer",
+        "type" : "Boolean",
+        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fitToFrame",
+        "type" : "Boolean",
+        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the menu in pixels (defaults to 120)",
-        "memberOf" : "Roo.menu.Menu"
+        "name" : "loadOnce",
+        "type" : "Boolean",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "registerMenu",
-        "type" : "Boolean",
-        "desc" : "True (default) - means that clicking on screen etc. hides it.",
-        "memberOf" : "Roo.menu.Menu"
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "popup menu",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"sides\")",
-        "memberOf" : "Roo.menu.Menu"
+        "name" : "params",
+        "type" : "String|Object",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "subMenuAlign",
+        "name" : "region",
         "type" : "String",
-        "desc" : "The {@link Roo.Element#alignTo} anchor position value to use for submenus of\nthis menu (defaults to \"tl-tr?\")",
-        "memberOf" : "Roo.menu.Menu"
+        "desc" : "t)  which region to put this panel on (when used with xtype constructor",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "center",
+          "north",
+          "south",
+          "east",
+          "west"
+        ]
+      },
+      {
+        "name" : "resizeEl",
+        "type" : "String|HTMLElement|Element",
+        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "A toolbar for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "Calls {@link #setUrl} with this value",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforehide",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires before this menu is hidden",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires before this menu is displayed",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
-        "sig" : "function (_self, menuItem, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Fires when this tab is created",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.panel.Content",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "resize",
+        "type" : "function",
+        "desc" : "Fires when this panel is resized if fitToFrame is true.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width after any component adjustments",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The height after any component adjustments",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "methods" : [
       {
-        "name" : "hide",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Fires after this menu is hidden",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "itemclick",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Fires when a menu item contained in this menu is clicked",
-        "sig" : "function (baseItem, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "baseItem",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "The BaseItem that was clicked",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Fires when the mouse exits this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
+        "sig" : "(cfg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Fires when the mouse is hovering over this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
             "isOptional" : false
           },
           {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "select",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function (palette, color)\n{\n\n}",
+        "desc" : "Destroys this panel",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
         "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "palette",
-            "type" : "ColorPalette",
+            "name" : "eventName",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "color",
-            "type" : "String",
-            "desc" : "",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "show",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Fires after this menu is displayed",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Returns this panel's element - used by regiosn to add.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "params" : [
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
           {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Element",
+            "desc" : ""
           }
-        ],
-        "returns" : []
-      }
-    ],
-    "methods" : [
+        ]
+      },
       {
-        "name" : "add",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Addds one or more items of any type supported by the Menu class, or that can be converted into menu items.\nAny of the following are valid:\n<ul>\n<li>Any menu item object based on {@link Roo.menu.Item}</li>\n<li>An HTMLElement object which will be converted to a menu item</li>\n<li>A menu item config object that will be created as a new menu item</li>\n<li>A string, which can either be '-' or 'separator' to add a menu separator, otherwise\nit will be converted into a {@link Roo.menu.TextItem} and added</li>\n</ul>\nUsage:\n<pre><code>\n// Create the menu\nvar menu = new Roo.menu.Menu();\n\n// Create a menu item to add by reference\nvar menuItem = new Roo.menu.Item({ text: 'New Item!' });\n\n// Add a bunch of items at once using different methods.\n// Only the last item added will be returned.\nvar item = menu.add(\n    menuItem,                // add existing item by ref\n    'Dynamic Item',          // new TextItem\n    '-',                     // new separator\n    { text: 'Config Item' }  // new item by config\n);\n</code></pre>",
-        "sig" : "(args)",
+        "desc" : "Returns this panel's id",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "args",
-            "type" : "Mixed",
-            "desc" : "One or more menu items, menu item configs or other objects that can be converted to menu items",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
+        ]
+      },
+      {
+        "name" : "getTitle",
+        "type" : "function",
+        "desc" : "Returns this panel's title",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added, or the last one if multiple items were added"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "addElement",
+        "name" : "getToolbar",
         "type" : "function",
-        "desc" : "Adds an {@link Roo.Element} object to the menu",
-        "sig" : "(el)",
+        "desc" : "Returns the toolbar for this Panel if one was configured.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element or DOM node to add, or its id",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.Toolbar",
+            "desc" : ""
           }
-        ],
+        ]
+      },
+      {
+        "name" : "getUpdateManager",
+        "type" : "function",
+        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
       {
-        "name" : "addEvents",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
-            "type" : "Object",
-            "desc" : "The object with the events defined",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "addItem",
+        "name" : "isClosable",
         "type" : "function",
-        "desc" : "Adds an existing object based on {@link Roo.menu.Item} to the menu",
-        "sig" : "(item)",
+        "desc" : "Returns true is this panel was configured to be closable",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
+      },
+      {
+        "name" : "load",
+        "type" : "function",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "sig" : "(url, params, callback, discardUrl)",
+        "static" : false,
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to add",
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "Roo.panel.Content",
+            "desc" : "this"
           }
         ]
       },
       {
-        "name" : "addListener",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
         "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
           {
             "name" : "options",
             "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addMenuItem",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.menu.Item} based an the supplied config object and adds it to the menu",
-        "sig" : "(config)",
+        "desc" : "Removes all listeners for this object",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "A MenuItem config object",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
-          }
-        ]
+        "params" : [],
+        "returns" : []
       },
       {
-        "name" : "addSeparator",
+        "name" : "refresh",
         "type" : "function",
-        "desc" : "Adds a separator bar to the menu",
+        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addText",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.menu.TextItem} with the supplied text and adds it to the menu",
-        "sig" : "(text)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The text to display in the menu item",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "capture",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
         "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
           },
           {
-            "name" : "fn",
+            "name" : "handler",
             "type" : "Function",
-            "desc" : "The function to call",
+            "desc" : "The handler to remove",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "fireEvent",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Updates this panel's element",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
+            "name" : "content",
             "type" : "String",
-            "desc" : "",
+            "desc" : "The new content",
             "isOptional" : false
           },
           {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "getEl",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Returns this menu's underlying {@link Roo.Element} object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Set this panel's title",
+        "sig" : "(title)",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "name" : "title",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "hasListener",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
+        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
+            "type" : "Boolean",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
       {
-        "name" : "hide",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Hides this menu and optionally all parent menus",
-        "sig" : "(deep)",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "deep",
-            "type" : "Boolean",
-            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [
+      "Roo.panel.Grid",
+      "Roo.panel.NestedLayout",
+      "Roo.panel.Tree"
+    ],
+    "tree_children" : [
+      "Roo.form.Form",
+      "Roo.JsonView",
+      "Roo.View",
+      "Roo.JsonView"
+    ],
+    "tree_parent" : [
+      "Roo.layout.Border",
+      "Roo.LayoutDialog",
+      "builder"
+    ]
+  },
+  "Roo.panel.Cropbox" : {
+    "props" : [
+      {
+        "name" : "actionMode",
+        "type" : "String",
+        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "insert",
+        "name" : "allowDomMove",
+        "type" : "Boolean",
+        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "buttons",
+        "type" : "Array",
+        "desc" : "default ['rotateLeft', 'pictureBtn', 'rotateRight']",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "disableClass",
+        "type" : "String",
+        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "emptyText",
+        "type" : "String",
+        "desc" : "show when image has been loaded",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "errorTimeout",
+        "type" : "Number",
+        "desc" : "default 3000",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "height",
+        "type" : "Number",
+        "desc" : "height (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "hideMode",
+        "type" : "String",
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
+      },
+      {
+        "name" : "isDocument",
+        "type" : "Boolean",
+        "desc" : "e) default fal",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadMask",
+        "type" : "Boolean",
+        "desc" : "e) default tr",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : [
+          "true",
+          "false"
+        ]
+      },
+      {
+        "name" : "loadingText",
+        "type" : "Boolean",
+        "desc" : "default 'Loading...'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "method",
+        "type" : "String",
+        "desc" : "default POST",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minHeight",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "minWidth",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "outputMaxWidth",
+        "type" : "Number",
+        "desc" : "default 1200",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "paramName",
+        "type" : "String",
+        "desc" : "default 'imageUpload'",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "rotateNotify",
+        "type" : "String",
+        "desc" : "show when image too small to rotate",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "url",
+        "type" : "String",
+        "desc" : "action url",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "width",
+        "type" : "Number",
+        "desc" : "width (optional) size of component",
+        "memberOf" : "Roo.BoxComponent",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "windowSize",
+        "type" : "Number",
+        "desc" : "default 300",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "arrange",
         "type" : "function",
-        "desc" : "Inserts an existing object based on {@link Roo.menu.Item} to the menu at a specified index",
-        "sig" : "(index, item)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fire when arrange the file data",
+        "sig" : "function (_self, formData)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index in the menu's list of current items where the new item should be inserted",
+            "name" : "this",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to add",
+            "name" : "formData",
+            "type" : "Object",
+            "desc" : "",
             "isOptional" : false
           }
         ],
-        "returns" : [
+        "returns" : []
+      },
+      {
+        "name" : "beforedestroy",
+        "type" : "function",
+        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "beforehide",
         "type" : "function",
-        "desc" : "Read-only.  Returns true if the menu is currently displayed, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "beforeloadcanvas",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fire before load the canvas",
+        "sig" : "function (_self, src)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "name" : "this",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "src",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "purgeListeners",
+        "name" : "beforerender",
         "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is rendered. Return false to stop the render.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "beforeselectfile",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fire before select file",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
+            "name" : "this",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "beforeshow",
         "type" : "function",
-        "desc" : "Removes an {@link Roo.menu.Item} from the menu and destroys the object",
-        "sig" : "(item)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires before the component is shown.  Return false to stop the show.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to remove",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "removeAll",
+        "name" : "crop",
         "type" : "function",
-        "desc" : "Removes and destroys all items in the menu",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fire after initEvent",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "this",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          }
+        ],
         "returns" : []
       },
       {
-        "name" : "removeListener",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is destroyed.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "disable",
         "type" : "function",
-        "desc" : "Displays this menu relative to another element",
-        "sig" : "(element, position, parentMenu)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is disabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
-            "isOptional" : false
-          },
-          {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "showAt",
+        "name" : "download",
         "type" : "function",
-        "desc" : "Displays this menu at a specific xy position",
-        "sig" : "(xyPosition, parentMenu)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fire when download the image",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "xyPosition",
-            "type" : "Array",
-            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "name" : "this",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "enable",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
+        "desc" : "Fires after the component is enabled.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.Component",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
+            "name" : "this",
+            "type" : "Roo.Component",
+            "desc" : "",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "exception",
+        "type" : "function",
+        "desc" : "Fire when get exception",
+        "sig" : "function (_self, xhr)\n{\n\n}",
+        "memberOf" : "",
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "params" : [
           {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
+            "name" : "this",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "xhr",
+            "type" : "XMLHttpRequest",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.menu.DateItem" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "activeClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "canActivate",
-        "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideOnClick",
-        "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
-        "memberOf" : "Roo.menu.BaseItem"
       },
       {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
+        "name" : "footerbuttonclick",
         "type" : "function",
-        "desc" : "Fires when this item is activated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Fire when footerbuttonclick",
+        "sig" : "function (_self, type)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "type",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforedestroy",
+        "name" : "hide",
         "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
+        "desc" : "Fires after the component is hidden.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "initial",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
+        "desc" : "Fire after initEvent",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Cropbox",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "inspect",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fire when inspect the file",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "loadcanvas",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fire after load the canvas",
+        "sig" : "function (, imgEl)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
+            "name" : "",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "imgEl",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "move",
         "type" : "function",
-        "desc" : "Fires when this item is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Fires after the component is moved.",
+        "sig" : "function (_self, x, y)\n{\n\n}",
+        "memberOf" : "Roo.BoxComponent",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Roo.Component",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "prepare",
         "type" : "function",
-        "desc" : "Fires when this item is deactivated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Fire when preparing the file data",
+        "sig" : "function (_self, file)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.BaseItem",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "file",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires after the component is rendered.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fire when resize",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Cropbox",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "rotate",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fire when rotate the image",
+        "sig" : "function (_self, pos)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "pos",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "show",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
+        "desc" : "Fires after the component is shown.",
         "sig" : "function (_self)\n{\n\n}",
         "memberOf" : "Roo.Component",
         "example" : "",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "trash",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fire when trash image",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Cropbox",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "upload",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fire when xhr upload the file",
+        "sig" : "function (_self, data)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Cropbox",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "data",
+            "type" : "Object",
             "desc" : "",
             "isOptional" : false
           }
           }
         ]
       },
+      {
+        "name" : "getBox",
+        "type" : "function",
+        "desc" : "Gets the current box measurements of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "getEl",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "getPosition",
+        "type" : "function",
+        "desc" : "Gets the current XY position of the component's underlying element.",
+        "sig" : "(local)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "local",
+            "type" : "Boolean",
+            "desc" : "(optional) If true the element's left and top are returned instead of page XY (defaults to false)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Array",
+            "desc" : "The XY position of the element (e.g., [100, 200])"
+          }
+        ]
+      },
+      {
+        "name" : "getSize",
+        "type" : "function",
+        "desc" : "Gets the current size of the component's underlying element.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Object",
+            "desc" : "An object containing the element's size {width: (element width), height: (element height)}"
+          }
+        ]
+      },
       {
         "name" : "hasListener",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "onPosition",
+        "type" : "function",
+        "desc" : "Called after the component is moved, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a move occurs.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "onResize",
+        "type" : "function",
+        "desc" : "Called after the component is resized, this method is empty by default but can be implemented by any\nsubclass that needs to perform custom logic after a resize occurs.",
+        "sig" : "(adjWidth, adjHeight, rawWidth, rawHeight)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "adjWidth",
+            "type" : "Number",
+            "desc" : "The box-adjusted width that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "adjHeight",
+            "type" : "Number",
+            "desc" : "The box-adjusted height that was set",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawWidth",
+            "type" : "Number",
+            "desc" : "The width that was originally specified",
+            "isOptional" : false
+          },
+          {
+            "name" : "rawHeight",
+            "type" : "Number",
+            "desc" : "The height that was originally specified",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "purgeListeners",
         "type" : "function",
         ],
         "returns" : []
       },
+      {
+        "name" : "setPagePosition",
+        "type" : "function",
+        "desc" : "Sets the page XY position of the component.  To set the left and top instead, use {@link #setPosition}.\nThis method fires the move event.",
+        "sig" : "(x, y)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "x",
+            "type" : "Number",
+            "desc" : "The new x position",
+            "isOptional" : false
+          },
+          {
+            "name" : "y",
+            "type" : "Number",
+            "desc" : "The new y position",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setPosition",
+        "type" : "function",
+        "desc" : "Sets the left and top of the component.  To set the page XY position instead, use {@link #setPagePosition}.\nThis method fires the move event.",
+        "sig" : "(left, top)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "left",
+            "type" : "Number",
+            "desc" : "The new left",
+            "isOptional" : false
+          },
+          {
+            "name" : "top",
+            "type" : "Number",
+            "desc" : "The new top",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setSize",
+        "type" : "function",
+        "desc" : "Sets the width and height of the component.  This method fires the resize event.  This method can accept\neither width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.",
+        "sig" : "(width, height)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "width",
+            "type" : "Number/Object",
+            "desc" : "The new width to set, or a size object in the format {width, height}",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The new height to set (not required if a size object is passed as the first arg)",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.BoxComponent",
+            "desc" : "this"
+          }
+        ]
+      },
       {
         "name" : "setVisible",
         "type" : "function",
           }
         ]
       },
+      {
+        "name" : "syncSize",
+        "type" : "function",
+        "desc" : "Force the component's size to recalculate based on the underlying element's current height and width.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "un",
         "type" : "function",
           }
         ],
         "returns" : []
+      },
+      {
+        "name" : "updateBox",
+        "type" : "function",
+        "desc" : "Sets the current box measurements of the component's underlying element.",
+        "sig" : "(box)",
+        "static" : false,
+        "memberOf" : "Roo.BoxComponent",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "box",
+            "type" : "Object",
+            "desc" : "An object in the format {x, y, width, height}",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
       }
     ],
     "isAbstract" : false,
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.menu.DateMenu" : {
+  "Roo.panel.Grid" : {
     "props" : [
       {
-        "name" : "allowOtherMenus",
+        "name" : "adjustments",
+        "type" : "Array",
+        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoCreate",
+        "type" : "Boolean|Object",
+        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "True to allow multiple menus to be displayed at the same time (defaults to false)",
-        "memberOf" : "Roo.menu.Menu"
+        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "defaultAlign",
+        "name" : "background",
+        "type" : "Boolean",
+        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "closable",
+        "type" : "Boolean",
+        "desc" : "True if the panel can be closed/removed",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "content",
         "type" : "String",
-        "desc" : "The default {@link Roo.Element#alignTo) anchor position value for this menu\nrelative to its element of origin (defaults to \"tl-bl?\")",
-        "memberOf" : "Roo.menu.Menu"
+        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fitContainer",
+        "type" : "Boolean",
+        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "fitToFrame",
+        "type" : "Boolean",
+        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "grid",
+        "type" : "Roo.grid.Grid",
+        "desc" : "The grid for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the menu in pixels (defaults to 120)",
-        "memberOf" : "Roo.menu.Menu"
+        "name" : "loadOnce",
+        "type" : "Boolean",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "registerMenu",
-        "type" : "Boolean",
-        "desc" : "True (default) - means that clicking on screen etc. hides it.",
-        "memberOf" : "Roo.menu.Menu"
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "popup menu",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"sides\")",
-        "memberOf" : "Roo.menu.Menu"
+        "name" : "params",
+        "type" : "String|Object",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "subMenuAlign",
+        "name" : "region",
         "type" : "String",
-        "desc" : "The {@link Roo.Element#alignTo} anchor position value to use for submenus of\nthis menu (defaults to \"tl-tr?\")",
-        "memberOf" : "Roo.menu.Menu"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before this menu is hidden",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "desc" : "t)  which region to put this panel on (when used with xtype constructor",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : [
+          "center",
+          "north",
+          "south",
+          "east",
+          "west"
+        ]
       },
       {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before this menu is displayed",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "resizeEl",
+        "type" : "String|HTMLElement|Element",
+        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
-        "sig" : "function (_self, menuItem, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after this menu is hidden",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for this panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "itemclick",
-        "type" : "function",
-        "desc" : "Fires when a menu item contained in this menu is clicked",
-        "sig" : "function (baseItem, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "baseItem",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "The BaseItem that was clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "A toolbar for this panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "mouseout",
+        "name" : "url",
+        "type" : "String",
+        "desc" : "Calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires when the mouse exits this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Fires when this panel is activated.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
+            "name" : "this",
+            "type" : "Roo.panel.Content",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires when the mouse is hovering over this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Fires when this panel is activated.",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
-          },
-          {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
-            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "select",
+        "name" : "render",
         "type" : "function",
-        "desc" : "",
-        "sig" : "function (picker, date)\n{\n\n}",
-        "memberOf" : "",
+        "desc" : "Fires when this tab is created",
+        "sig" : "function (_self)\n{\n\n}",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
           {
-            "name" : "picker",
-            "type" : "DatePicker",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "date",
-            "type" : "Date",
+            "name" : "this",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after this menu is displayed",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.Menu",
+        "desc" : "Fires when this panel is resized if fitToFrame is true.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width after any component adjustments",
+            "isOptional" : false
+          },
+          {
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The height after any component adjustments",
+            "isOptional" : false
           }
         ],
         "returns" : []
     ],
     "methods" : [
       {
-        "name" : "add",
+        "name" : "addEvents",
         "type" : "function",
-        "desc" : "Addds one or more items of any type supported by the Menu class, or that can be converted into menu items.\nAny of the following are valid:\n<ul>\n<li>Any menu item object based on {@link Roo.menu.Item}</li>\n<li>An HTMLElement object which will be converted to a menu item</li>\n<li>A menu item config object that will be created as a new menu item</li>\n<li>A string, which can either be '-' or 'separator' to add a menu separator, otherwise\nit will be converted into a {@link Roo.menu.TextItem} and added</li>\n</ul>\nUsage:\n<pre><code>\n// Create the menu\nvar menu = new Roo.menu.Menu();\n\n// Create a menu item to add by reference\nvar menuItem = new Roo.menu.Item({ text: 'New Item!' });\n\n// Add a bunch of items at once using different methods.\n// Only the last item added will be returned.\nvar item = menu.add(\n    menuItem,                // add existing item by ref\n    'Dynamic Item',          // new TextItem\n    '-',                     // new separator\n    { text: 'Config Item' }  // new item by config\n);\n</code></pre>",
-        "sig" : "(args)",
+        "desc" : "Used to define events on this Observable",
+        "sig" : "(object)",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "args",
-            "type" : "Mixed",
-            "desc" : "One or more menu items, menu item configs or other objects that can be converted to menu items",
+            "name" : "object",
+            "type" : "Object",
+            "desc" : "The object with the events defined",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added, or the last one if multiple items were added"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "addElement",
+        "name" : "addListener",
         "type" : "function",
-        "desc" : "Adds an {@link Roo.Element} object to the menu",
-        "sig" : "(el)",
+        "desc" : "Appends an event handler to this component",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element or DOM node to add, or its id",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The method the event invokes",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "isOptional" : false
+          },
+          {
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "addEvents",
+        "name" : "addxtype",
         "type" : "function",
-        "desc" : "Used to define events on this Observable",
-        "sig" : "(object)",
+        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
+        "sig" : "(cfg)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "object",
+            "name" : "cfg",
             "type" : "Object",
-            "desc" : "The object with the events defined",
+            "desc" : "Xtype definition of item to add.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "addItem",
+        "name" : "capture",
         "type" : "function",
-        "desc" : "Adds an existing object based on {@link Roo.menu.Item} to the menu",
-        "sig" : "(item)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
+        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
+        "sig" : "(o, fn, scope)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to add",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to capture",
             "isOptional" : false
-          }
-        ],
-        "returns" : [
+          },
           {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "name" : "fn",
+            "type" : "Function",
+            "desc" : "The function to call",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the fn",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "addListener",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Appends an event handler to this component",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Destroys this panel",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.panel.Content",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "fireEvent",
+        "type" : "function",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional) An object containing handler configuration\nproperties. This may contain any of the following properties:<ul>\n<li>scope {Object} The scope in which to execute the handler function. The handler function's \"this\" context.</li>\n<li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li>\n<li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li>\n<li>buffer {Number} Causes the handler to be scheduled to run in an {@link Roo.util.DelayedTask} delayed\nby the specified number of milliseconds. If the event fires again within that time, the original\nhandler is <em>not</em> invoked, but the new handler is scheduled in its place.</li>\n</ul><br>\n<p>\n<b>Combining Options</b><br>\nUsing the options argument, it is possible to combine different types of listeners:<br>\n<br>\nA normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)\n\t\t<pre><code>\n\t\tel.on('click', this.onClick, this, {\n \t\t\tsingle: true,\n    \t\tdelay: 100,\n    \t\tforumId: 4\n\t\t});\n\t\t</code></pre>\n<p>\n<b>Attaching multiple handlers in 1 call</b><br>\nThe method also allows for a single argument to be passed which is a config object containing properties\nwhich specify multiple handlers.\n<pre><code>\n\t\tel.on({\n\t\t\t'click': {\n        \t\tfn: this.onClick,\n        \t\tscope: this,\n        \t\tdelay: 100\n    \t\t}, \n    \t\t'mouseover': {\n        \t\tfn: this.onMouseOver,\n        \t\tscope: this\n    \t\t},\n    \t\t'mouseout': {\n        \t\tfn: this.onMouseOut,\n        \t\tscope: this\n    \t\t}\n\t\t});\n\t\t</code></pre>\n<p>\nOr a shorthand syntax which passes the same scope object to all handlers:\n     \t<pre><code>\n\t\tel.on({\n\t\t\t'click': this.onClick,\n    \t\t'mouseover': this.onMouseOver,\n    \t\t'mouseout': this.onMouseOut,\n    \t\tscope: this\n\t\t});\n\t\t</code></pre>",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+          }
+        ]
       },
       {
-        "name" : "addMenuItem",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.menu.Item} based an the supplied config object and adds it to the menu",
-        "sig" : "(config)",
+        "desc" : "Returns this panel's element - used by regiosn to add.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "A MenuItem config object",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "addSeparator",
+        "name" : "getGrid",
         "type" : "function",
-        "desc" : "Adds a separator bar to the menu",
+        "desc" : "Returns the grid for this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "Roo.grid.Grid",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "addText",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.menu.TextItem} with the supplied text and adds it to the menu",
-        "sig" : "(text)",
+        "desc" : "Returns this panel's id",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The text to display in the menu item",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "capture",
+        "name" : "getTitle",
         "type" : "function",
-        "desc" : "Starts capture on the specified Observable. All events will be passed\nto the supplied function with the event name + standard signature of the event\n<b>before</b> the event is fired. If the supplied function returns false,\nthe event will not fire.",
-        "sig" : "(o, fn, scope)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Returns this panel's title",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.panel.Content",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to capture",
-            "isOptional" : false
-          },
-          {
-            "name" : "fn",
-            "type" : "Function",
-            "desc" : "The function to call",
-            "isOptional" : false
-          },
+        "params" : [],
+        "returns" : [
           {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the fn",
-            "isOptional" : false
+            "name" : "",
+            "type" : "String",
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getToolbar",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Returns the toolbar for this Panel if one was configured.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.Toolbar",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Returns this menu's underlying {@link Roo.Element} object",
+        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
         ]
       },
       {
-        "name" : "hide",
+        "name" : "isClosable",
         "type" : "function",
-        "desc" : "Hides this menu and optionally all parent menus",
-        "sig" : "(deep)",
+        "desc" : "Returns true is this panel was configured to be closable",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "deep",
+            "name" : "",
             "type" : "Boolean",
-            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
-            "isOptional" : false
+            "desc" : ""
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "insert",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Inserts an existing object based on {@link Roo.menu.Item} to the menu at a specified index",
-        "sig" : "(index, item)",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index in the menu's list of current items where the new item should be inserted",
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
             "isOptional" : false
           },
           {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to add",
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "Roo.panel.Content",
+            "desc" : "this"
           }
         ]
       },
-      {
-        "name" : "isVisible",
-        "type" : "function",
-        "desc" : "Read-only.  Returns true if the menu is currently displayed, else false.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "on",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "releaseCapture",
+        "name" : "refresh",
         "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
+        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.panel.Content",
+        "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : []
       },
       {
-        "name" : "remove",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Removes an {@link Roo.menu.Item} from the menu and destroys the object",
-        "sig" : "(item)",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
         "isConstructor" : false,
         "isPrivate" : false,
         "example" : "",
         "requires" : "",
         "params" : [
           {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to remove",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
-      {
-        "name" : "removeAll",
-        "type" : "function",
-        "desc" : "Removes and destroys all items in the menu",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.menu.Menu",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "removeListener",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "Displays this menu relative to another element",
-        "sig" : "(element, position, parentMenu)",
+        "desc" : "Updates this panel's element",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The new content",
             "isOptional" : false
           },
           {
-            "name" : "position",
-            "type" : "String",
-            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
-          },
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setTitle",
+        "type" : "function",
+        "desc" : "Set this panel's title",
+        "sig" : "(title)",
+        "static" : false,
+        "memberOf" : "Roo.panel.Content",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
           {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "name" : "title",
+            "type" : "String",
+            "desc" : "",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "showAt",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Displays this menu at a specific xy position",
-        "sig" : "(xyPosition, parentMenu)",
+        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "Roo.menu.Menu",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "xyPosition",
-            "type" : "Array",
-            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from or a function to call to get the URL",
             "isOptional" : false
           },
           {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
+            "type" : "Boolean",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
+          }
+        ]
       },
       {
         "name" : "un",
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [],
-    "tree_parent" : []
+    "tree_parent" : [
+      "Roo.layout.Border",
+      "Roo.LayoutDialog",
+      "builder"
+    ]
   },
-  "Roo.menu.Item" : {
+  "Roo.panel.NestedLayout" : {
     "props" : [
       {
-        "name" : "HTML",
-        "type" : "String",
-        "desc" : "to render in menu\nThe text to show on the menu item (HTML version).",
-        "memberOf" : ""
-      },
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "name" : "adjustments",
+        "type" : "Array",
+        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "activeClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
+        "name" : "autoCreate",
+        "type" : "Boolean|Object",
+        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "canActivate",
+        "name" : "background",
         "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to true)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
+        "name" : "closable",
         "type" : "Boolean",
-        "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "True if the panel can be closed/removed",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "content",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideOnClick",
+        "name" : "fitContainer",
         "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to true)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "icon",
-        "type" : "String",
-        "desc" : "The path to an icon to display in this menu item (defaults to Roo.BLANK_IMAGE_URL)",
-        "memberOf" : ""
+        "name" : "fitToFrame",
+        "type" : "Boolean",
+        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "itemCls",
-        "type" : "String",
-        "desc" : "The default CSS class to use for menu items (defaults to \"x-menu-item\")",
-        "memberOf" : ""
+        "name" : "layout",
+        "type" : "Roo.layout.Border",
+        "desc" : "The layout for this panel",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "loadOnce",
+        "type" : "Boolean",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "menu",
         "type" : "Roo.menu.Menu",
-        "desc" : "A Sub menu",
-        "memberOf" : ""
+        "desc" : "popup menu",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "showDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before showing this item (defaults to 200)",
-        "memberOf" : ""
+        "name" : "params",
+        "type" : "String|Object",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "text",
+        "name" : "region",
         "type" : "String",
-        "desc" : "The text to show on the menu item.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when this item is activated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "desc" : "t)  which region to put this panel on (when used with xtype constructor",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : [
+          "center",
+          "north",
+          "south",
+          "east",
+          "west"
+        ]
       },
       {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "resizeEl",
+        "type" : "String|HTMLElement|Element",
+        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for this panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when this item is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "A toolbar for this panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "deactivate",
-        "type" : "function",
-        "desc" : "Fires when this item is deactivated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
+        "name" : "url",
+        "type" : "String",
+        "desc" : "Calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
       {
-        "name" : "destroy",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires when this tab is created",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this panel is resized if fitToFrame is true.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width after any component adjustments",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The height after any component adjustments",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
+      {
+        "name" : "addxtype",
+        "type" : "function",
+        "desc" : "Adds a xtype elements to the layout of the nested panel\n<pre><code>\n\npanel.addxtype({\n       xtype : 'ContentPanel',\n       region: 'west',\n       items: [ .... ]\n   }\n);\n\npanel.addxtype({\n        xtype : 'panel.NestedLayout',\n        region: 'west',\n        layout: {\n           center: { },\n           west: { }   \n        },\n        items : [ ... list of content panels or nested layout panels.. ]\n   }\n);\n</code></pre>",
+        "sig" : "(cfg)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Destroys this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Returns this panel's element - used by regiosn to add.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Returns this panel's id",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "eventName",
+            "name" : "",
             "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
+            "desc" : ""
           }
-        ],
+        ]
+      },
+      {
+        "name" : "getLayout",
+        "type" : "function",
+        "desc" : "Returns the nested BorderLayout for this panel",
+        "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" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "Roo.layout.Border",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getTitle",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Returns this panel's title",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getToolbar",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the toolbar for this Panel if one was configured.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Roo.Toolbar",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
         ]
       },
       {
-        "name" : "hide",
+        "name" : "isClosable",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns true is this panel was configured to be closable",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.panel.Content",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Updates this panel's element",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The new content",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Set this panel's title",
+        "sig" : "(title)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "title",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setText",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Sets the text to display in this menu item",
-        "sig" : "(text, isHTML)",
+        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The text to display",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from or a function to call to get the URL",
             "isOptional" : false
           },
           {
-            "name" : "isHTML",
-            "type" : "Boolean",
-            "desc" : "true to indicate text is pure html.",
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "setVisible",
-        "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "visible",
+            "name" : "loadOnce",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
     ],
     "isAbstract" : false,
     "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.menu.CheckItem"
-    ],
+    "implementations" : [],
     "tree_children" : [],
-    "tree_parent" : []
+    "tree_parent" : [
+      "Roo.layout.Border",
+      "Roo.LayoutDialog",
+      "builder"
+    ]
   },
-  "Roo.menu.Menu" : {
+  "Roo.panel.Tab" : {
     "props" : [
-      {
-        "name" : "allowOtherMenus",
-        "type" : "Boolean",
-        "desc" : "True to allow multiple menus to be displayed at the same time (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "defaultAlign",
-        "type" : "String",
-        "desc" : "The default {@link Roo.Element#alignTo) anchor position value for this menu\nrelative to its element of origin (defaults to \"tl-bl?\")",
-        "memberOf" : ""
-      },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      },
-      {
-        "name" : "minWidth",
-        "type" : "Number",
-        "desc" : "The minimum width of the menu in pixels (defaults to 120)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "registerMenu",
-        "type" : "Boolean",
-        "desc" : "True (default) - means that clicking on screen etc. hides it.",
-        "memberOf" : ""
-      },
-      {
-        "name" : "shadow",
-        "type" : "Boolean/String",
-        "desc" : "True or \"sides\" for the default effect, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"sides\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "subMenuAlign",
-        "type" : "String",
-        "desc" : "The {@link Roo.Element#alignTo} anchor position value to use for submenus of\nthis menu (defaults to \"tl-tr?\")",
-        "memberOf" : ""
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
       {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before this menu is hidden",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before this menu is displayed",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when this menu is clicked (or when the enter key is pressed while it is active)",
-        "sig" : "function (_self, menuItem, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "hide",
-        "type" : "function",
-        "desc" : "Fires after this menu is hidden",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "itemclick",
-        "type" : "function",
-        "desc" : "Fires when a menu item contained in this menu is clicked",
-        "sig" : "function (baseItem, e)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "baseItem",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "The BaseItem that was clicked",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "mouseout",
+        "name" : "beforetabchange",
         "type" : "function",
-        "desc" : "Fires when the mouse exits this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "desc" : "Fires before the active tab changes, set cancel to true on the \"e\" parameter to cancel the change",
+        "sig" : "function (_self, e, tab)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
+            "type" : "Roo.panel.Tab",
             "desc" : "",
             "isOptional" : false
           },
           {
             "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "type" : "Object",
+            "desc" : "Set cancel to true on this object to cancel the tab change",
             "isOptional" : false
           },
           {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
+            "name" : "tab",
+            "type" : "Roo.panel.TabItem",
+            "desc" : "The tab being changed to",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "mouseover",
+        "name" : "tabchange",
         "type" : "function",
-        "desc" : "Fires when the mouse is hovering over this menu",
-        "sig" : "function (_self, e, menuItem)\n{\n\n}",
+        "desc" : "Fires when the active tab changes",
+        "sig" : "function (_self, activePanel)\n{\n\n}",
         "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
+            "type" : "Roo.panel.Tab",
             "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "menuItem",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was clicked",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after this menu is displayed",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.Menu",
-            "desc" : "",
+            "name" : "activePanel",
+            "type" : "Roo.panel.TabItem",
+            "desc" : "The new active tab",
             "isOptional" : false
           }
         ],
     ],
     "methods" : [
       {
-        "name" : "add",
-        "type" : "function",
-        "desc" : "Addds one or more items of any type supported by the Menu class, or that can be converted into menu items.\nAny of the following are valid:\n<ul>\n<li>Any menu item object based on {@link Roo.menu.Item}</li>\n<li>An HTMLElement object which will be converted to a menu item</li>\n<li>A menu item config object that will be created as a new menu item</li>\n<li>A string, which can either be '-' or 'separator' to add a menu separator, otherwise\nit will be converted into a {@link Roo.menu.TextItem} and added</li>\n</ul>\nUsage:\n<pre><code>\n// Create the menu\nvar menu = new Roo.menu.Menu();\n\n// Create a menu item to add by reference\nvar menuItem = new Roo.menu.Item({ text: 'New Item!' });\n\n// Add a bunch of items at once using different methods.\n// Only the last item added will be returned.\nvar item = menu.add(\n    menuItem,                // add existing item by ref\n    'Dynamic Item',          // new TextItem\n    '-',                     // new separator\n    { text: 'Config Item' }  // new item by config\n);\n</code></pre>",
-        "sig" : "(args)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "args",
-            "type" : "Mixed",
-            "desc" : "One or more menu items, menu item configs or other objects that can be converted to menu items",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added, or the last one if multiple items were added"
-          }
-        ]
-      },
-      {
-        "name" : "addElement",
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Adds an {@link Roo.Element} object to the menu",
-        "sig" : "(el)",
+        "desc" : "Activates a {@link Roo.panel.TabItem}. The currently active one will be deactivated.",
+        "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "el",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element or DOM node to add, or its id",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to activate.",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "Roo.panel.TabItem",
+            "desc" : "The TabPanelItem."
           }
         ]
       },
         ],
         "returns" : []
       },
-      {
-        "name" : "addItem",
-        "type" : "function",
-        "desc" : "Adds an existing object based on {@link Roo.menu.Item} to the menu",
-        "sig" : "(item)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to add",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
-          }
-        ]
-      },
       {
         "name" : "addListener",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "addMenuItem",
+        "name" : "addTab",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.menu.Item} based an the supplied config object and adds it to the menu",
-        "sig" : "(config)",
+        "desc" : "Creates a new {@link Roo.panel.TabItem} by looking for an existing element with the provided id -- if it's not found it creates one.",
+        "sig" : "(id, text, content, closable)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "config",
-            "type" : "Object",
-            "desc" : "A MenuItem config object",
+            "name" : "id",
+            "type" : "String",
+            "desc" : "The id of the div to use <b>or create</b>",
+            "isOptional" : false
+          },
+          {
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The text for the tab",
+            "isOptional" : false
+          },
+          {
+            "name" : "content",
+            "type" : "String",
+            "desc" : "(optional) Content to put in the TabPanelItem body",
+            "isOptional" : false
+          },
+          {
+            "name" : "closable",
+            "type" : "Boolean",
+            "desc" : "(optional) True to create a close icon on the tab",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "type" : "Roo.panel.TabItem",
+            "desc" : "The created TabPanelItem"
           }
         ]
       },
       {
-        "name" : "addSeparator",
+        "name" : "addTabItem",
         "type" : "function",
-        "desc" : "Adds a separator bar to the menu",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Adds an existing {@link Roo.panel.TabItem}.",
+        "sig" : "(item)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
+        "params" : [
           {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
+            "name" : "item",
+            "type" : "Roo.panel.TabItem",
+            "desc" : "The TabPanelItem to add",
+            "isOptional" : false
           }
-        ]
+        ],
+        "returns" : []
       },
       {
-        "name" : "addText",
+        "name" : "autoSizeTabs",
         "type" : "function",
-        "desc" : "Creates a new {@link Roo.menu.TextItem} with the supplied text and adds it to the menu",
-        "sig" : "(text)",
+        "desc" : "Manual call to resize the tabs (if {@link #resizeTabs} is false this does nothing)",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "text",
-            "type" : "String",
-            "desc" : "The text to display in the menu item",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
-          }
-        ]
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "beginUpdate",
+        "type" : "function",
+        "desc" : "Disables tab resizing while tabs are being added (if {@link #resizeTabs} is false this does nothing)",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
       },
       {
         "name" : "capture",
         "returns" : []
       },
       {
-        "name" : "fireEvent",
-        "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
-          }
-        ]
-      },
-      {
-        "name" : "getEl",
+        "name" : "destroy",
         "type" : "function",
-        "desc" : "Returns this menu's underlying {@link Roo.Element} object",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Destroys this TabPanel",
+        "sig" : "(removeEl)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
-          }
-        ]
-      },
-      {
-        "name" : "hasListener",
-        "type" : "function",
-        "desc" : "Checks to see if this object has any listeners for a specified event",
-        "sig" : "(eventName)",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The name of the event to check for",
+            "name" : "removeEl",
+            "type" : "Boolean",
+            "desc" : "(optional) True to remove the element from the DOM as well (defaults to undefined)",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Boolean",
-            "desc" : "True if the event is being listened for, else false"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "disableTab",
         "type" : "function",
-        "desc" : "Hides this menu and optionally all parent menus",
-        "sig" : "(deep)",
+        "desc" : "Disables a {@link Roo.panel.TabItem}. It cannot be the active tab, if it is this call is ignored.",
+        "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "deep",
-            "type" : "Boolean",
-            "desc" : "(optional) True to hide all parent menus recursively, if any (defaults to false)",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to disable.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "insert",
+        "name" : "enableTab",
         "type" : "function",
-        "desc" : "Inserts an existing object based on {@link Roo.menu.Item} to the menu at a specified index",
-        "sig" : "(index, item)",
+        "desc" : "Enables a {@link Roo.panel.TabItem} that is disabled.",
+        "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "index",
-            "type" : "Number",
-            "desc" : "The index in the menu's list of current items where the new item should be inserted",
-            "isOptional" : false
-          },
-          {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to add",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to enable.",
             "isOptional" : false
           }
         ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item that was added"
-          }
-        ]
+        "returns" : []
       },
       {
-        "name" : "isVisible",
+        "name" : "endUpdate",
         "type" : "function",
-        "desc" : "Read-only.  Returns true if the menu is currently displayed, else false.",
+        "desc" : "Stops an update and resizes the tabs (if {@link #resizeTabs} is false this does nothing)",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "returns" : []
       },
       {
-        "name" : "on",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Appends an event handler to this element (shorthand for addListener)",
-        "sig" : "(eventName, handler, scope, options)",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "eventName",
             "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The method the event invokes",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
+            "desc" : "",
             "isOptional" : false
           },
           {
-            "name" : "options",
-            "type" : "Object",
-            "desc" : "(optional)",
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
             "isOptional" : false
           }
         ],
-        "returns" : []
-      },
-      {
-        "name" : "purgeListeners",
-        "type" : "function",
-        "desc" : "Removes all listeners for this object",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
-      {
-        "name" : "releaseCapture",
-        "type" : "function",
-        "desc" : "Removes <b>all</b> added captures from the Observable.",
-        "sig" : "(o)",
-        "static" : true,
-        "memberOf" : "Roo.util.Observable",
-        "isStatic" : true,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+        "returns" : [
           {
-            "name" : "o",
-            "type" : "Observable",
-            "desc" : "The Observable to release",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "remove",
+        "name" : "getActiveTab",
         "type" : "function",
-        "desc" : "Removes an {@link Roo.menu.Item} from the menu and destroys the object",
-        "sig" : "(item)",
+        "desc" : "Gets the active {@link Roo.panel.TabItem}.",
+        "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
+        "params" : [],
+        "returns" : [
           {
-            "name" : "item",
-            "type" : "Roo.menu.Item",
-            "desc" : "The menu item to remove",
-            "isOptional" : false
+            "name" : "",
+            "type" : "Roo.panel.TabItem",
+            "desc" : "The active TabPanelItem or null if none are active."
           }
-        ],
-        "returns" : []
+        ]
       },
       {
-        "name" : "removeAll",
+        "name" : "getCount",
         "type" : "function",
-        "desc" : "Removes and destroys all items in the menu",
+        "desc" : "Returns the number of tabs in this TabPanel.",
         "sig" : "()\n{\n\n}",
         "static" : false,
         "memberOf" : "",
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Number",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "removeListener",
+        "name" : "getTab",
         "type" : "function",
-        "desc" : "Removes a listener",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Returns the {@link Roo.panel.TabItem} with the specified id/index",
+        "sig" : "(id)",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "The type of event to listen for",
-            "isOptional" : false
-          },
-          {
-            "name" : "handler",
-            "type" : "Function",
-            "desc" : "The handler to remove",
-            "isOptional" : false
-          },
-          {
-            "name" : "scope",
-            "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to fetch.",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.TabItem",
+            "desc" : ""
+          }
+        ]
       },
       {
-        "name" : "show",
+        "name" : "hasListener",
         "type" : "function",
-        "desc" : "Displays this menu relative to another element",
-        "sig" : "(element, position, parentMenu)",
+        "desc" : "Checks to see if this object has any listeners for a specified event",
+        "sig" : "(eventName)",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "element",
-            "type" : "String/HTMLElement/Roo.Element",
-            "desc" : "The element to align to",
-            "isOptional" : false
-          },
-          {
-            "name" : "position",
+            "name" : "eventName",
             "type" : "String",
-            "desc" : "(optional) The {@link Roo.Element#alignTo} anchor position to use in aligning to\nthe element (defaults to this.defaultAlign)",
-            "isOptional" : false
-          },
-          {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "desc" : "The name of the event to check for",
             "isOptional" : false
           }
         ],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : "True if the event is being listened for, else false"
+          }
+        ]
       },
       {
-        "name" : "showAt",
+        "name" : "hideTab",
         "type" : "function",
-        "desc" : "Displays this menu at a specific xy position",
-        "sig" : "(xyPosition, parentMenu)",
+        "desc" : "Hides the {@link Roo.panel.TabItem} with the specified id/index",
+        "sig" : "(id)",
         "static" : false,
         "memberOf" : "",
         "isStatic" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "xyPosition",
-            "type" : "Array",
-            "desc" : "Contains X & Y [x, y] values for the position at which to show the menu (coordinates are page-based)",
-            "isOptional" : false
-          },
-          {
-            "name" : "parentMenu",
-            "type" : "Roo.menu.Menu",
-            "desc" : "(optional) This menu's parent menu, if applicable (defaults to undefined)",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to hide.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "un",
+        "name" : "on",
         "type" : "function",
-        "desc" : "Removes a listener (shorthand for removeListener)",
-        "sig" : "(eventName, handler, scope)",
+        "desc" : "Appends an event handler to this element (shorthand for addListener)",
+        "sig" : "(eventName, handler, scope, options)",
         "static" : false,
         "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
           {
             "name" : "handler",
             "type" : "Function",
-            "desc" : "The handler to remove",
+            "desc" : "The method the event invokes",
             "isOptional" : false
           },
           {
             "name" : "scope",
             "type" : "Object",
-            "desc" : "(optional) The scope (this object) for the handler",
+            "desc" : "(optional) The scope in which to execute the handler\nfunction. The handler function's \"this\" context.",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [
-      "Roo.menu.ColorMenu",
-      "Roo.menu.DateMenu"
-    ],
-    "tree_children" : [
-      "Roo.menu.CheckItem",
-      "Roo.menu.ColorItem",
-      "Roo.menu.DateItem",
-      "Roo.menu.Item",
-      "Roo.menu.Separator",
-      "Roo.menu.TextItem"
-    ],
-    "tree_parent" : []
-  },
-  "Roo.menu.MenuMgr" : {
-    "props" : [],
-    "events" : [],
-    "methods" : [
-      {
-        "name" : "get",
-        "type" : "function",
-        "desc" : "Returns a {@link Roo.menu.Menu} object",
-        "sig" : "(menu)",
-        "static" : false,
-        "memberOf" : "",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
+          },
           {
-            "name" : "menu",
-            "type" : "String/Object",
-            "desc" : "The string menu id, an existing menu object reference, or a Menu config that will\nbe used to generate and return a new Menu instance.",
+            "name" : "options",
+            "type" : "Object",
+            "desc" : "(optional)",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "hideAll",
+        "name" : "purgeListeners",
         "type" : "function",
-        "desc" : "Hides all menus that are currently visible",
+        "desc" : "Removes all listeners for this object",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [],
         "returns" : []
-      }
-    ],
-    "isAbstract" : false,
-    "isBuilderTop" : false,
-    "implementations" : [],
-    "tree_children" : [],
-    "tree_parent" : []
-  },
-  "Roo.menu.Separator" : {
-    "props" : [
-      {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "activeClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "allowDomMove",
-        "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "canActivate",
-        "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hidden",
-        "type" : "Boolean",
-        "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideMode",
-        "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "hideOnClick",
-        "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to false)",
-        "memberOf" : ""
-      },
-      {
-        "name" : "itemCls",
-        "type" : "String",
-        "desc" : "The default CSS class to use for separators (defaults to \"x-menu-sep\")",
-        "memberOf" : ""
-      },
-      {
-        "name" : "listeners",
-        "type" : "Object",
-        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
-      }
-    ],
-    "events" : [
-      {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when this item is activated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
       },
       {
-        "name" : "beforehide",
+        "name" : "releaseCapture",
         "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes <b>all</b> added captures from the Observable.",
+        "sig" : "(o)",
+        "static" : true,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : true,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "o",
+            "type" : "Observable",
+            "desc" : "The Observable to release",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforerender",
+        "name" : "removeListener",
         "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "beforeshow",
+        "name" : "removeTab",
         "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a {@link Roo.panel.TabItem}.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to remove.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "click",
+        "name" : "setTabWidth",
         "type" : "function",
-        "desc" : "Fires when this item is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Resizes all the tabs to the passed width",
+        "sig" : "(The)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
+            "name" : "The",
+            "type" : "Number",
+            "desc" : "new width",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "deactivate",
+        "name" : "syncHeight",
         "type" : "function",
-        "desc" : "Fires when this item is deactivated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
+        "desc" : "Updates the tab body element to fit the height of the container element\nfor overflow scrolling",
+        "sig" : "(targetHeight)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
+            "name" : "targetHeight",
+            "type" : "Number",
+            "desc" : "(optional) Override the starting height from the elements height",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "destroy",
+        "name" : "un",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Removes a listener (shorthand for removeListener)",
+        "sig" : "(eventName, handler, scope)",
+        "static" : false,
+        "memberOf" : "Roo.util.Observable",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "The type of event to listen for",
+            "isOptional" : false
+          },
+          {
+            "name" : "handler",
+            "type" : "Function",
+            "desc" : "The handler to remove",
+            "isOptional" : false
+          },
+          {
+            "name" : "scope",
+            "type" : "Object",
+            "desc" : "(optional) The scope (this object) for the handler",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "unhideTab",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "\"Unhides\" the {@link Roo.panel.TabItem} with the specified id/index.",
+        "sig" : "(id)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
+        "exceptions" : "",
+        "requires" : "",
         "params" : [
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "id",
+            "type" : "String/Number",
+            "desc" : "The id or index of the TabPanelItem to unhide.",
             "isOptional" : false
           }
         ],
         "returns" : []
-      },
+      }
+    ],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
+    "tree_parent" : []
+  },
+  "Roo.panel.TabItem" : {
+    "props" : [
       {
-        "name" : "enable",
+        "name" : "listeners",
+        "type" : "Object",
+        "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this tab becomes the active tab.",
+        "sig" : "function (tabPanel, _self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "tabPanel",
+            "type" : "Roo.panel.Tab",
+            "desc" : "The parent TabPanel",
+            "isOptional" : false
+          },
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.TabItem",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "beforeclose",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires before this tab is closed. To cancel the close, set cancel to true on e (e.cancel = true).",
+        "sig" : "function (_self, e)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.TabItem",
             "desc" : "",
             "isOptional" : false
+          },
+          {
+            "name" : "e",
+            "type" : "Object",
+            "desc" : "Set cancel to true on this object to cancel the close.",
+            "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "close",
         "type" : "function",
-        "desc" : "Fires after the component is rendered.",
+        "desc" : "Fires when this tab is closed.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.TabItem",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "show",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this tab is no longer the active tab.",
+        "sig" : "function (tabPanel, _self)\n{\n\n}",
+        "memberOf" : "",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "see" : "",
         "params" : [
+          {
+            "name" : "tabPanel",
+            "type" : "Roo.panel.Tab",
+            "desc" : "The parent TabPanel",
+            "isOptional" : false
+          },
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.TabItem",
             "desc" : "",
             "isOptional" : false
           }
       }
     ],
     "methods" : [
+      {
+        "name" : "activate",
+        "type" : "function",
+        "desc" : "Activates this TabPanelItem -- this <b>does</b> deactivate the currently active TabPanelItem.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "addEvents",
         "type" : "function",
         ],
         "returns" : []
       },
-      {
-        "name" : "destroy",
-        "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : []
-      },
       {
         "name" : "disable",
         "type" : "function",
-        "desc" : "Disable this component.",
+        "desc" : "Disables this TabPanelItem -- this does nothing if this is the active TabPanelItem.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "enable",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Enables this TabPanelItem if it was previously disabled.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "fireEvent",
         ]
       },
       {
-        "name" : "focus",
-        "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "getEl",
+        "name" : "getText",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the text for this tab",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Gets the {@link Roo.UpdateManager} for the body of this TabPanelItem. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
       {
         "name" : "hide",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Hides this TabPanelItem -- if you don't activate another TabPanelItem this could look odd.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
+      {
+        "name" : "isActive",
+        "type" : "function",
+        "desc" : "Returns true if this tab is the active tab.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "isHidden",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
+        "desc" : "Returns true if this tab is \"hidden\"",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : []
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Boolean",
+            "desc" : ""
+          }
+        ]
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Forces a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the setUrl method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Sets the content for this TabPanelItem.",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The content",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "true to look for and load scripts",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setHidden",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Show or hide the tab",
+        "sig" : "(hidden)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
+            "name" : "hidden",
             "type" : "Boolean",
-            "desc" : "",
+            "desc" : "True to hide or false to show.",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "setText",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Sets the text for the tab (Note: this also sets the tooltip text)",
+        "sig" : "(text)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "text",
+            "type" : "String",
+            "desc" : "The tab's text and tooltip",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setTooltip",
+        "type" : "function",
+        "desc" : "Set the tooltip for the tab.",
+        "sig" : "(tooltip)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "tooltip",
+            "type" : "String",
+            "desc" : "The tab's tooltip",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
+      {
+        "name" : "setUrl",
+        "type" : "function",
+        "desc" : "Set a URL to be used to load the content for this TabPanelItem.",
+        "sig" : "(url, params, loadOnce)",
+        "static" : false,
+        "memberOf" : "",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from, or a function to call to get the URL",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this TabPanelItem is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
       {
         "name" : "show",
         "type" : "function",
-        "desc" : "Show this component.",
+        "desc" : "Shows this TabPanelItem -- this <b>does not</b> deactivate the currently active TabPanelItem.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "exceptions" : "",
         "requires" : "",
         "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
+        "returns" : []
       },
       {
         "name" : "un",
     "tree_children" : [],
     "tree_parent" : []
   },
-  "Roo.menu.TextItem" : {
+  "Roo.panel.Tree" : {
     "props" : [
       {
-        "name" : "actionMode",
-        "type" : "String",
-        "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "name" : "adjustments",
+        "type" : "Array",
+        "desc" : "Values to <b>add</b> to the width/height when doing a {@link #fitToFrame} (default is [0, 0])",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "activeClass",
-        "type" : "String",
-        "desc" : "The CSS class to use when the item becomes activated (defaults to \"x-menu-item-active\")",
-        "memberOf" : "Roo.menu.BaseItem"
+        "name" : "autoCreate",
+        "type" : "Boolean|Object",
+        "desc" : "True to auto generate the DOM element for this panel, or a {@link Roo.DomHelper} config of the element to create",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "allowDomMove",
+        "name" : "autoScroll",
         "type" : "Boolean",
-        "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "desc" : "True to scroll overflow in this panel (use with {@link #fitToFrame})",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "canActivate",
+        "name" : "background",
         "type" : "Boolean",
-        "desc" : "True if this item can be visually activated (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "disableClass",
-        "type" : "String",
-        "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
-      },
-      {
-        "name" : "handler",
-        "type" : "Function",
-        "desc" : "A function that will handle the click event of this menu item (defaults to undefined)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "True if the panel should not be activated when it is added (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hidden",
+        "name" : "closable",
         "type" : "Boolean",
-        "desc" : "True to prevent creation of this menu item (defaults to false)",
-        "memberOf" : "Roo.menu.BaseItem"
-      },
-      {
-        "name" : "hideDelay",
-        "type" : "Number",
-        "desc" : "Length of time in milliseconds to wait before hiding after a click (defaults to 100)",
-        "memberOf" : "Roo.menu.BaseItem"
+        "desc" : "True if the panel can be closed/removed",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideMode",
+        "name" : "content",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "Raw content to fill content panel with (uses setContent on construction.)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "hideOnClick",
+        "name" : "fitContainer",
         "type" : "Boolean",
-        "desc" : "True to hide the containing menu after this item is clicked (defaults to false)",
-        "memberOf" : ""
+        "desc" : "When using {@link #fitToFrame} and {@link #resizeEl}, you can also fit the parent container  (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "itemCls",
-        "type" : "String",
-        "desc" : "The default CSS class to use for text items (defaults to \"x-menu-text\")",
-        "memberOf" : ""
+        "name" : "fitToFrame",
+        "type" : "Boolean",
+        "desc" : "True for this panel to adjust its size to fit when the region resizes  (defaults to false)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "text",
-        "type" : "String",
-        "desc" : "Text to show on item.",
-        "memberOf" : ""
-      }
-    ],
-    "events" : [
+        "name" : "loadOnce",
+        "type" : "Boolean",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      },
       {
-        "name" : "activate",
-        "type" : "function",
-        "desc" : "Fires when this item is activated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "menu",
+        "type" : "Roo.menu.Menu",
+        "desc" : "popup menu",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforedestroy",
-        "type" : "function",
-        "desc" : "Fires before the component is destroyed. Return false to stop the destroy.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "params",
+        "type" : "String|Object",
+        "desc" : "When used with {@link #url}, calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforehide",
-        "type" : "function",
-        "desc" : "Fires before the component is hidden. Return false to stop the hide.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "region",
+        "type" : "String",
+        "desc" : "t)  which region to put this panel on (when used with xtype constructor",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : [
+          "center",
+          "north",
+          "south",
+          "east",
+          "west"
+        ]
       },
       {
-        "name" : "beforerender",
-        "type" : "function",
-        "desc" : "Fires before the component is rendered. Return false to stop the render.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "resizeEl",
+        "type" : "String|HTMLElement|Element",
+        "desc" : "An element to resize if {@link #fitToFrame} is true (instead of this panel's element)",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "beforeshow",
-        "type" : "function",
-        "desc" : "Fires before the component is shown.  Return false to stop the show.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "style",
+        "type" : "String",
+        "desc" : "Extra style to add to the content panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "click",
-        "type" : "function",
-        "desc" : "Fires when this item is clicked",
-        "sig" : "function (_self, e)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "e",
-            "type" : "Roo.EventObject",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "title",
+        "type" : "String",
+        "desc" : "The title for this panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "deactivate",
-        "type" : "function",
-        "desc" : "Fires when this item is deactivated",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.menu.BaseItem",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
-          {
-            "name" : "this",
-            "type" : "Roo.menu.BaseItem",
-            "desc" : "",
-            "isOptional" : false
-          }
-        ],
-        "returns" : []
+        "name" : "toolbar",
+        "type" : "Roo.Toolbar",
+        "desc" : "A toolbar for this panel",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
-        "name" : "destroy",
+        "name" : "url",
+        "type" : "String",
+        "desc" : "Calls {@link #setUrl} with this value",
+        "memberOf" : "Roo.panel.Content",
+        "isOptional" : false,
+        "optvals" : []
+      }
+    ],
+    "events" : [
+      {
+        "name" : "activate",
         "type" : "function",
-        "desc" : "Fires after the component is destroyed.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "deactivate",
         "type" : "function",
-        "desc" : "Fires after the component is disabled.",
+        "desc" : "Fires when this panel is activated.",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "enable",
+        "name" : "render",
         "type" : "function",
-        "desc" : "Fires after the component is enabled.",
+        "desc" : "Fires when this tab is created",
         "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "hide",
+        "name" : "resize",
         "type" : "function",
-        "desc" : "Fires after the component is hidden.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
+        "desc" : "Fires when this panel is resized if fitToFrame is true.",
+        "sig" : "function (_self, width, height)\n{\n\n}",
+        "memberOf" : "Roo.panel.Content",
         "example" : "",
         "deprecated" : "",
         "since" : "",
         "params" : [
           {
             "name" : "this",
-            "type" : "Roo.Component",
+            "type" : "Roo.panel.Content",
             "desc" : "",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "render",
-        "type" : "function",
-        "desc" : "Fires after the component is rendered.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "width",
+            "type" : "Number",
+            "desc" : "The width after any component adjustments",
             "isOptional" : false
-          }
-        ],
-        "returns" : []
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Fires after the component is shown.",
-        "sig" : "function (_self)\n{\n\n}",
-        "memberOf" : "Roo.Component",
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "params" : [
+          },
           {
-            "name" : "this",
-            "type" : "Roo.Component",
-            "desc" : "",
+            "name" : "height",
+            "type" : "Number",
+            "desc" : "The height after any component adjustments",
             "isOptional" : false
           }
         ],
         ],
         "returns" : []
       },
+      {
+        "name" : "addxtype",
+        "type" : "function",
+        "desc" : "Adds a xtype elements to the panel - currently only supports Forms, View, JsonView.\n<pre><code>\n\nlayout.addxtype({\n       xtype : 'Form',\n       items: [ .... ]\n   }\n);\n\n</code></pre>",
+        "sig" : "(cfg)",
+        "static" : false,
+        "memberOf" : "Roo.panel.Content",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [
+          {
+            "name" : "cfg",
+            "type" : "Object",
+            "desc" : "Xtype definition of item to add.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : []
+      },
       {
         "name" : "capture",
         "type" : "function",
       {
         "name" : "destroy",
         "type" : "function",
-        "desc" : "Destroys this component by purging any event listeners, removing the component's element from the DOM,\nremoving the component from its {@link Roo.Container} (if applicable) and unregistering it from {@link Roo.ComponentMgr}.",
+        "desc" : "Destroys this panel",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : []
       },
       {
-        "name" : "disable",
+        "name" : "fireEvent",
         "type" : "function",
-        "desc" : "Disable this component.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
+        "sig" : "(eventName, args)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.util.Observable",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
+        "params" : [
+          {
+            "name" : "eventName",
+            "type" : "String",
+            "desc" : "",
+            "isOptional" : false
+          },
+          {
+            "name" : "args",
+            "type" : "Object...",
+            "desc" : "Variable number of parameters are passed to handlers",
+            "isOptional" : false
+          }
+        ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : "returns false if any of the handlers return false otherwise it returns true"
           }
         ]
       },
       {
-        "name" : "enable",
+        "name" : "getEl",
         "type" : "function",
-        "desc" : "Enable this component.",
+        "desc" : "Returns this panel's element - used by regiosn to add.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.Element",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "fireEvent",
+        "name" : "getId",
         "type" : "function",
-        "desc" : "Fires the specified event with the passed parameters (minus the event name).",
-        "sig" : "(eventName, args)",
+        "desc" : "Returns this panel's id",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.util.Observable",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "eventName",
-            "type" : "String",
-            "desc" : "",
-            "isOptional" : false
-          },
-          {
-            "name" : "args",
-            "type" : "Object...",
-            "desc" : "Variable number of parameters are passed to handlers",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Boolean",
-            "desc" : "returns false if any of the handlers return false otherwise it returns true"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "focus",
+        "name" : "getTitle",
         "type" : "function",
-        "desc" : "Try to focus this component.",
-        "sig" : "(selectText)",
+        "desc" : "Returns this panel's title",
+        "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [
-          {
-            "name" : "selectText",
-            "type" : "Boolean",
-            "desc" : "True to also select the text in this component (if applicable)",
-            "isOptional" : false
-          }
-        ],
+        "params" : [],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "String",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getEl",
+        "name" : "getToolbar",
         "type" : "function",
-        "desc" : "Returns the underlying {@link Roo.Element}.",
+        "desc" : "Returns the toolbar for this Panel if one was configured.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Element",
-            "desc" : "The element"
+            "type" : "Roo.Toolbar",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "getId",
+        "name" : "getUpdateManager",
         "type" : "function",
-        "desc" : "Returns the id of this component.",
+        "desc" : "Get the {@link Roo.UpdateManager} for this panel. Enables you to perform Ajax updates.",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "String",
-            "desc" : ""
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
         ]
       },
       {
-        "name" : "hide",
+        "name" : "isClosable",
         "type" : "function",
-        "desc" : "Hide this component.",
+        "desc" : "Returns true is this panel was configured to be closable",
         "sig" : "()\n{\n\n}",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Boolean",
+            "desc" : ""
           }
         ]
       },
       {
-        "name" : "isVisible",
+        "name" : "load",
         "type" : "function",
-        "desc" : "Returns true if this component is visible.",
-        "sig" : "()\n{\n\n}",
+        "desc" : "Loads this content panel immediately with content from XHR. Note: to delay loading until the panel is activated, use {@link #setUrl}.",
+        "sig" : "(url, params, callback, discardUrl)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "see" : "",
         "exceptions" : "",
         "requires" : "",
-        "params" : [],
-        "returns" : []
+        "params" : [
+          {
+            "name" : "url",
+            "type" : "Object/String/Function",
+            "desc" : "The url for this request or a function to call to get the url or a config object containing any of the following options:\n<pre><code>\npanel.load({\n    url: \"your-url.php\",\n    params: {param1: \"foo\", param2: \"bar\"}, // or a URL encoded string\n    callback: yourFunction,\n    scope: yourObject, //(optional scope)\n    discardUrl: false,\n    nocache: false,\n    text: \"Loading...\",\n    timeout: 30,\n    scripts: false\n});\n</code></pre>\nThe only required property is <i>url</i>. The optional properties <i>nocache</i>, <i>text</i> and <i>scripts</i>\nare shorthand for <i>disableCaching</i>, <i>indicatorText</i> and <i>loadScripts</i> and are used to set their associated property on this panel UpdateManager instance.",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The parameters to pass as either a URL encoded string \"param1=1&amp;param2=2\" or an object {param1: 1, param2: 2}",
+            "isOptional" : false
+          },
+          {
+            "name" : "callback",
+            "type" : "Function",
+            "desc" : "(optional) Callback when transaction is complete -- called with signature (oElement, bSuccess, oResponse)",
+            "isOptional" : false
+          },
+          {
+            "name" : "discardUrl",
+            "type" : "Boolean",
+            "desc" : "(optional) By default when you execute an update the defaultUrl is changed to the last used URL. If true, it will not store the URL.",
+            "isOptional" : false
+          }
+        ],
+        "returns" : [
+          {
+            "name" : "",
+            "type" : "Roo.panel.Content",
+            "desc" : "this"
+          }
+        ]
       },
       {
         "name" : "on",
         "params" : [],
         "returns" : []
       },
+      {
+        "name" : "refresh",
+        "type" : "function",
+        "desc" : "Force a content refresh from the URL specified in the {@link #setUrl} method.\n  Will fail silently if the {@link #setUrl} method has not been called.\n  This does not activate the panel, just updates its content.",
+        "sig" : "()\n{\n\n}",
+        "static" : false,
+        "memberOf" : "Roo.panel.Content",
+        "isStatic" : false,
+        "isConstructor" : false,
+        "isPrivate" : false,
+        "example" : "",
+        "deprecated" : "",
+        "since" : "",
+        "see" : "",
+        "exceptions" : "",
+        "requires" : "",
+        "params" : [],
+        "returns" : []
+      },
       {
         "name" : "releaseCapture",
         "type" : "function",
         "returns" : []
       },
       {
-        "name" : "render",
+        "name" : "setContent",
         "type" : "function",
-        "desc" : "If this is a lazy rendering component, render it to its container element.",
-        "sig" : "(container)",
+        "desc" : "Updates this panel's element",
+        "sig" : "(content, loadScripts)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "container",
-            "type" : "String/HTMLElement/Element",
-            "desc" : "(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.",
+            "name" : "content",
+            "type" : "String",
+            "desc" : "The new content",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadScripts",
+            "type" : "Boolean",
+            "desc" : "(optional) true to look for and process scripts",
             "isOptional" : false
           }
         ],
         "returns" : []
       },
       {
-        "name" : "setDisabled",
+        "name" : "setTitle",
         "type" : "function",
-        "desc" : "Convenience function for setting disabled/enabled by boolean.",
-        "sig" : "(disabled)",
+        "desc" : "Set this panel's title",
+        "sig" : "(title)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "disabled",
-            "type" : "Boolean",
+            "name" : "title",
+            "type" : "String",
             "desc" : "",
             "isOptional" : false
           }
         "returns" : []
       },
       {
-        "name" : "setVisible",
+        "name" : "setUrl",
         "type" : "function",
-        "desc" : "Convenience function to hide or show this component by boolean.",
-        "sig" : "(visible)",
+        "desc" : "Set a URL to be used to load the content for this panel. When this panel is activated, the content will be loaded from that URL.",
+        "sig" : "(url, params, loadOnce)",
         "static" : false,
-        "memberOf" : "Roo.Component",
+        "memberOf" : "Roo.panel.Content",
         "isStatic" : false,
         "isConstructor" : false,
         "isPrivate" : false,
         "requires" : "",
         "params" : [
           {
-            "name" : "visible",
+            "name" : "url",
+            "type" : "String/Function",
+            "desc" : "The URL to load the content from or a function to call to get the URL",
+            "isOptional" : false
+          },
+          {
+            "name" : "params",
+            "type" : "String/Object",
+            "desc" : "(optional) The string params for the update call or an object of the params. See {@link Roo.UpdateManager#update} for more details. (Defaults to null)",
+            "isOptional" : false
+          },
+          {
+            "name" : "loadOnce",
             "type" : "Boolean",
-            "desc" : "True to show, false to hide",
+            "desc" : "(optional) Whether to only load the content once. If this is false it makes the Ajax call every time this panel is activated. (Defaults to false)",
             "isOptional" : false
           }
         ],
         "returns" : [
           {
             "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
-          }
-        ]
-      },
-      {
-        "name" : "show",
-        "type" : "function",
-        "desc" : "Show this component.",
-        "sig" : "()\n{\n\n}",
-        "static" : false,
-        "memberOf" : "Roo.Component",
-        "isStatic" : false,
-        "isConstructor" : false,
-        "isPrivate" : false,
-        "example" : "",
-        "deprecated" : "",
-        "since" : "",
-        "see" : "",
-        "exceptions" : "",
-        "requires" : "",
-        "params" : [],
-        "returns" : [
-          {
-            "name" : "",
-            "type" : "Roo.Component",
-            "desc" : "this"
+            "type" : "Roo.UpdateManager",
+            "desc" : "The UpdateManager"
           }
         ]
       },
     "isBuilderTop" : false,
     "implementations" : [],
     "tree_children" : [],
+    "tree_parent" : [
+      "Roo.layout.Border",
+      "Roo.LayoutDialog",
+      "builder"
+    ]
+  },
+  "Roo.rtf" : {
+    "props" : [],
+    "events" : [],
+    "methods" : [],
+    "isAbstract" : false,
+    "isBuilderTop" : false,
+    "implementations" : [],
+    "tree_children" : [],
     "tree_parent" : []
   },
   "Roo.state" : {
         "name" : "domain",
         "type" : "String",
         "desc" : "The domain to save the cookie for.  Note that you cannot specify a different domain than\nyour page is on, but you can specify a sub-domain, or simply the domain itself like 'roojs.com' to include\nall sub-domains if you need to access cookies across different sub-domains (defaults to null which uses the same\ndomain the page is running on including the 'www' like 'www.roojs.com')",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "expires",
         "type" : "Date",
         "desc" : "The cookie expiration date (defaults to 7 days from now)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "path",
         "type" : "String",
         "desc" : "The path for which the cookie is active (defaults to root '/' which makes it active for all pages in the site)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "secure",
         "type" : "Boolean",
         "desc" : "True if the site is using SSL (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "allowDrag",
         "type" : "Boolean",
         "desc" : "false to make this node undraggable if DD is on (defaults to true)",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDrop",
         "type" : "Boolean",
         "desc" : "false if this node cannot be drop on",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "checked",
         "type" : "Boolean",
         "desc" : "True to render a checked checkbox for this node, false to render an unchecked checkbox\n(defaults to undefined with no checkbox rendered)",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A css class to be added to the node",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "true to start the node disabled",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "expanded",
         "type" : "Boolean",
         "desc" : "true to start the node expanded",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "href",
         "type" : "String",
         "desc" : "URL of the link used for the node (defaults to #)",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hrefTarget",
         "type" : "String",
         "desc" : "target frame for the link",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "icon",
         "type" : "String",
         "desc" : "The path to an icon for the node. The preferred way to do this",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "iconCls",
         "type" : "String",
         "desc" : "A css class to be added to the nodes icon element for applying css background images",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "id",
         "type" : "String",
         "desc" : "The id for this node. If one is not specified, one is generated.",
-        "memberOf" : "Roo.data.Node"
+        "memberOf" : "Roo.data.Node",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "leaf",
         "type" : "Boolean",
         "desc" : "true if this node is a leaf and does not have children",
-        "memberOf" : "Roo.data.Node"
+        "memberOf" : "Roo.data.Node",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "loader",
         "type" : "TreeLoader",
         "desc" : "A TreeLoader to be used by this node (defaults to the loader defined on the tree)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "An Ext QuickTip for the node",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtipCfg",
         "type" : "String",
         "desc" : "An Ext QuickTip config for the node (used instead of qtip)",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "singleClickExpand",
         "type" : "Boolean",
         "desc" : "True for single click expand on this node",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "text",
         "type" : "String",
         "desc" : "The text for this node",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "uiProvider",
         "type" : "Function",
         "desc" : "A UI <b>class</b> to use for this node (defaults to Roo.tree.TreeNodeUI)",
-        "memberOf" : "Roo.tree.TreeNode"
+        "memberOf" : "Roo.tree.TreeNode",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "animate",
         "type" : "Boolean",
         "desc" : "true to enable animated expand/collapse (defaults to the value of Roo.enableFx)",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "borderWidth",
         "type" : "int",
         "desc" : "compined right/left border allowance",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "columns",
         "type" : "Object",
         "desc" : "Including width, header, renderer, cls, dataIndex",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "containerScroll",
         "type" : "Boolean",
         "desc" : "true to register this container with ScrollManager",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "ddAppendOnly",
         "type" : "String",
         "desc" : "True if the tree should only allow append drops (use for trees which are sorted)",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "ddGroup",
         "type" : "String",
         "desc" : "The DD group this TreePanel belongs to",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "ddScroll",
         "type" : "Boolean",
         "desc" : "true to enable YUI body scrolling",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dragConfig",
         "type" : "Object",
         "desc" : "Custom config to pass to the {@link Roo.tree.TreeDragZone} instance",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dropConfig",
         "type" : "Object",
         "desc" : "Custom config to pass to the {@link Roo.tree.TreeDropZone} instance",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "editor",
         "type" : "Roo.tree.TreeEditor",
         "desc" : "The TreeEditor to display when clicked.",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "enableDD",
         "type" : "Boolean",
         "desc" : "true to enable drag and drop",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "enableDrag",
         "type" : "Boolean",
         "desc" : "true to enable just drag",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "enableDrop",
         "type" : "Boolean",
         "desc" : "true to enable just drop",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hlColor",
         "type" : "String",
         "desc" : "The color of the node highlight (defaults to C3DAF9)",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hlDrop",
         "type" : "Boolean",
         "desc" : "false to disable node highlight on drop (defaults to the value of Roo.enableFx)",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lines",
         "type" : "Boolean",
         "desc" : "false to disable tree lines (defaults to true)",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "loader",
         "type" : "Roo.tree.TreeLoader",
         "desc" : "A TreeLoader for use with this TreePanel",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "pathSeparator",
         "type" : "String",
         "desc" : "The token used to separate sub-paths in path strings (defaults to '/')",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "renderer",
         "type" : "Function",
         "desc" : "DEPRECATED - use TreeLoader:create event / Sets the rendering (formatting) function for the nodes. to return HTML markup for the tree view. The render function is called with  the following parameters:<ul><li>The {Object} The data for the node.</li></ul>",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "rendererTip",
         "type" : "Function",
         "desc" : "DEPRECATED - use TreeLoader:create event / Sets the rendering (formatting) function for the nodes hovertip to return HTML markup for the tree view. The render function is called with  the following parameters:<ul><li>The {Object} The data for the node.</li></ul>",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "root",
         "type" : "Roo.tree.TreeNode",
         "desc" : "The root node",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "rootVisible",
         "type" : "Boolean",
         "desc" : "false to hide the root node (defaults to true)",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selModel",
         "type" : "Boolean",
         "desc" : "A tree selection model to use with this TreePanel (defaults to a {@link Roo.tree.DefaultSelectionModel})",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "singleExpand",
         "type" : "Boolean",
         "desc" : "true if only 1 node per branch may be expanded",
-        "memberOf" : "Roo.tree.TreePanel"
+        "memberOf" : "Roo.tree.TreePanel",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "actionMode",
         "type" : "String",
         "desc" : "which property holds the element that used for  hide() / show() / disable() / enable()\ndefault is 'el' for forms you probably want to set this to fieldEl",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "alignment",
         "type" : "String",
         "desc" : "The position to align to (see {@link Roo.Element#alignTo} for more details, defaults to \"l-l\").",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDomMove",
         "type" : "Boolean",
         "desc" : "Whether the component can move the Dom node when rendering (defaults to true).",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "autosize",
         "type" : "Boolean/String",
         "desc" : "True for the editor to automatically adopt the size of the underlying field, \"width\" to adopt the width only,\nor \"height\" to adopt the height only (defaults to false)",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cancelOnEsc",
         "type" : "Boolean",
         "desc" : "True to cancel the edit when the escape key is pressed (defaults to false)",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "CSS class to apply to the editor (defaults to \"x-small-editor x-tree-editor\")",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "completeOnEnter",
         "type" : "Boolean",
         "desc" : "True to complete the edit when the enter key is pressed (defaults to false)",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "constrain",
         "type" : "Boolean",
         "desc" : "True to constrain the editor to the viewport",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disableClass",
         "type" : "String",
         "desc" : "CSS class added to the component when it is disabled (defaults to \"x-item-disabled\").",
-        "memberOf" : "Roo.Component"
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "field",
         "type" : "Roo.form.TextField",
-        "desc" : "[required] The field configuration",
-        "memberOf" : ""
+        "desc" : "The field configuration",
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideEl",
         "type" : "Boolean",
         "desc" : "True to hide the bound element while the editor is displayed (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hideMode",
         "type" : "String",
-        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display\".",
-        "memberOf" : "Roo.Component"
+        "desc" : "y)\nHow this component should hidden. Supported values are\n\"visibility\" (css visibility), \"offsets\" (negative offset position) and\n\"display\" (css display) - defaults to \"display",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : [
+          "display",
+          "visibility"
+        ]
       },
       {
         "name" : "ignoreNoChange",
         "type" : "Boolean",
         "desc" : "True to skip the the edit completion process (no save, no events fired) if the user completes an edit and\nthe value has not changed (defaults to false).  Applies only to string values - edits for other data types\nwill never be ignored.",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "maxWidth",
         "type" : "Number",
         "desc" : "The maximum width in pixels of the editor field (defaults to 250).  Note that if the maxWidth would exceed\nthe containing tree element's size, it will be automatically limited for you to the container width, taking\nscroll and client offsets into account prior to each edit.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "revertInvalid",
         "type" : "Boolean",
         "desc" : "True to automatically revert the field value and cancel the edit when the user completes an edit and the field\nvalidation fails (defaults to true)",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "shadow",
         "type" : "Boolean/String",
         "desc" : "\"sides\" for sides/bottom only, \"frame\" for 4-way shadow, and \"drop\"\nfor bottom-right shadow (defaults to \"frame\")",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "shim",
         "type" : "Boolean",
         "desc" : "True to shim the editor if selects/iframes could be displayed beneath it (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
+      },
+      {
+        "name" : "style",
+        "type" : "String",
+        "desc" : "css styles to add to component\neg. text-align:right;",
+        "memberOf" : "Roo.Component",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "tree",
         "type" : "Roo.tree.TreePanel",
         "desc" : "The tree to bind to.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "updateEl",
         "type" : "Boolean",
         "desc" : "True to update the innerHTML of the bound element when the update completes (defaults to false)",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "value",
         "type" : "Mixed",
         "desc" : "The data value of the underlying field (defaults to \"\")",
-        "memberOf" : "Roo.Editor"
+        "memberOf" : "Roo.Editor",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "baseAttrs",
         "type" : "Object",
         "desc" : "(optional) An object containing attributes to be added to all nodes\ncreated by this loader. If the attributes sent by the server have an attribute in this object,\nthey take priority.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "baseParams",
         "type" : "Object",
         "desc" : "(optional) An object containing properties which\nspecify HTTP parameters to be passed to each request for child nodes.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "clearOnLoad",
         "type" : "Boolean",
         "desc" : "(optional) Default to true. Remove previously existing\nchild nodes before loading.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dataUrl",
         "type" : "String",
         "desc" : "The URL from which to request a Json string which\nspecifies an array of node definition object representing the child nodes\nto be loaded.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "queryParam",
         "type" : "String",
         "desc" : "(optional) \nName of the query as it will be passed on the querystring (defaults to 'node')\neg. the request will be ?node=[id]",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "requestMethod",
         "type" : "String",
         "desc" : "either GET or POST\ndefaults to POST (due to BC)\nto be loaded.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "root",
         "type" : "String",
         "desc" : "(optional) Default to false. Use this to read data from an object \nproperty on loading, rather than expecting an array. (eg. more compatible to a standard\nGrid query { data : [ .....] }",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "uiProviders",
         "type" : "Object",
         "desc" : "(optional) An object containing properties which\n\nDEPRECATED - use 'create' event handler to modify attributes - which affect creation.\nspecify custom {@link Roo.tree.TreeNodeUI} implementations. If the optional\n<i>uiProvider</i> attribute of a returned child node is a string rather\nthan a reference to a TreeNodeUI implementation, this that string value\nis used as a property name in the uiProviders object. You can define the provider named\n'default' , and this will be used for all nodes (if no uiProvider is delivered by the node data)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "allowDrag",
         "type" : "Boolean",
         "desc" : "false to make this node undraggable if DD is on (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "allowDrop",
         "type" : "Boolean",
         "desc" : "false if this node cannot be drop on",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "checked",
         "type" : "Boolean",
         "desc" : "True to render a checked checkbox for this node, false to render an unchecked checkbox\n(defaults to undefined with no checkbox rendered)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "cls",
         "type" : "String",
         "desc" : "A css class to be added to the node",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "disabled",
         "type" : "Boolean",
         "desc" : "true to start the node disabled",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "expanded",
         "type" : "Boolean",
         "desc" : "true to start the node expanded",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "href",
         "type" : "String",
         "desc" : "URL of the link used for the node (defaults to #)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hrefTarget",
         "type" : "String",
         "desc" : "target frame for the link",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "icon",
         "type" : "String",
         "desc" : "The path to an icon for the node. The preferred way to do this",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "iconCls",
         "type" : "String",
         "desc" : "A css class to be added to the nodes icon element for applying css background images",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "id",
         "type" : "String",
         "desc" : "The id for this node. If one is not specified, one is generated.",
-        "memberOf" : "Roo.data.Node"
+        "memberOf" : "Roo.data.Node",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "leaf",
         "type" : "Boolean",
         "desc" : "true if this node is a leaf and does not have children",
-        "memberOf" : "Roo.data.Node"
+        "memberOf" : "Roo.data.Node",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtip",
         "type" : "String",
         "desc" : "An Ext QuickTip for the node",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "qtipCfg",
         "type" : "String",
         "desc" : "An Ext QuickTip config for the node (used instead of qtip)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "singleClickExpand",
         "type" : "Boolean",
         "desc" : "True for single click expand on this node",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "text",
         "type" : "String",
         "desc" : "The text for this node",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "uiProvider",
         "type" : "Function",
         "desc" : "A UI <b>class</b> to use for this node (defaults to Roo.tree.TreeNodeUI)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "animate",
         "type" : "Boolean",
         "desc" : "true to enable animated expand/collapse (defaults to the value of Roo.enableFx)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "containerScroll",
         "type" : "Boolean",
         "desc" : "true to register this container with ScrollManager",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "ddAppendOnly",
         "type" : "String",
         "desc" : "True if the tree should only allow append drops (use for trees which are sorted)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "ddGroup",
         "type" : "String",
         "desc" : "The DD group this TreePanel belongs to",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "ddScroll",
         "type" : "Boolean",
         "desc" : "true to enable YUI body scrolling",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dragConfig",
         "type" : "Object",
         "desc" : "Custom config to pass to the {@link Roo.tree.TreeDragZone} instance",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dropConfig",
         "type" : "Object",
         "desc" : "Custom config to pass to the {@link Roo.tree.TreeDropZone} instance",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "editor",
         "type" : "Roo.tree.TreeEditor",
         "desc" : "The TreeEditor to display when clicked.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "enableDD",
         "type" : "Boolean",
         "desc" : "true to enable drag and drop",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "enableDrag",
         "type" : "Boolean",
         "desc" : "true to enable just drag",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "enableDrop",
         "type" : "Boolean",
         "desc" : "true to enable just drop",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hlColor",
         "type" : "String",
         "desc" : "The color of the node highlight (defaults to C3DAF9)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "hlDrop",
         "type" : "Boolean",
         "desc" : "false to disable node highlight on drop (defaults to the value of Roo.enableFx)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "lines",
         "type" : "Boolean",
         "desc" : "false to disable tree lines (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "loader",
         "type" : "Roo.tree.TreeLoader",
         "desc" : "A TreeLoader for use with this TreePanel",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "pathSeparator",
         "type" : "String",
         "desc" : "The token used to separate sub-paths in path strings (defaults to '/')",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "renderer",
         "type" : "Function",
         "desc" : "DEPRECATED - use TreeLoader:create event / Sets the rendering (formatting) function for the nodes. to return HTML markup for the tree view. The render function is called with  the following parameters:<ul><li>The {Object} The data for the node.</li></ul>",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "rendererTip",
         "type" : "Function",
         "desc" : "DEPRECATED - use TreeLoader:create event / Sets the rendering (formatting) function for the nodes hovertip to return HTML markup for the tree view. The render function is called with  the following parameters:<ul><li>The {Object} The data for the node.</li></ul>",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "root",
         "type" : "Roo.tree.TreeNode",
         "desc" : "The root node",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "rootVisible",
         "type" : "Boolean",
         "desc" : "false to hide the root node (defaults to true)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "selModel",
         "type" : "Boolean",
         "desc" : "A tree selection model to use with this TreePanel (defaults to a {@link Roo.tree.DefaultSelectionModel})",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "singleExpand",
         "type" : "Boolean",
         "desc" : "true if only 1 node per branch may be expanded",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "caseSensitive",
         "type" : "Boolean",
         "desc" : "true for case sensitive sort (defaults to false)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "dir",
         "type" : "String",
         "desc" : "The direction to sort (asc or desc) (defaults to asc)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "folderSort",
         "type" : "Boolean",
         "desc" : "True to sort leaf nodes under non leaf nodes",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "leafAttr",
         "type" : "String",
         "desc" : "The attribute used to determine leaf nodes in folder sort (defaults to \"leaf\")",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "property",
         "type" : "String",
         "desc" : "The named attribute on the node to sort by (defaults to text)",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "sortType",
         "type" : "Function",
         "desc" : "A custom \"casting\" function used to convert node values before sorting",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [],
         "name" : "accelerate",
         "type" : "Boolean",
         "desc" : "True if autorepeating should start slowly and accelerate.\n          \"interval\" and \"delay\" are ignored. \"immediate\" is honored.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "delay",
         "type" : "Number",
         "desc" : "The initial delay before the repeating event begins firing.\nSimilar to an autorepeat key delay.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "el",
         "type" : "String/HTMLElement/Element",
         "desc" : "The element to act as a button.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "interval",
         "type" : "Number",
         "desc" : "The interval between firings of the \"click\" event. Default 10 ms.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "pressClass",
         "type" : "String",
         "desc" : "A CSS class name to be applied to the element while pressed.",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "preventDefault",
         "type" : "Boolean",
         "desc" : "True to prevent the default click event",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       },
       {
         "name" : "stopDefault",
         "type" : "Boolean",
         "desc" : "True to stop the default click event",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : "Roo.util.Observable"
+        "memberOf" : "Roo.util.Observable",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [
         "name" : "listeners",
         "type" : "Object",
         "desc" : "list of events and functions to call for this object, \nFor example :\n<pre><code>\n    listeners :  { \n       'click' : function(e) {\n           ..... \n        } ,\n        .... \n    } \n  </code></pre>",
-        "memberOf" : ""
+        "memberOf" : "",
+        "isOptional" : false,
+        "optvals" : []
       }
     ],
     "events" : [],
     "implementations" : [
       "Roo.Ajax",
       "Roo.BasicDialog",
-      "Roo.BasicLayoutRegion",
-      "Roo.BorderLayout",
       "Roo.BoxComponent",
       "Roo.Button",
-      "Roo.CalendarPanel",
       "Roo.ColorPalette",
       "Roo.Component",
-      "Roo.ContentPanel",
       "Roo.DatePicker",
       "Roo.Document",
       "Roo.Editor",
-      "Roo.GridPanel",
       "Roo.HtmlEditorCore",
       "Roo.JsonView",
       "Roo.LayoutDialog",
-      "Roo.LayoutManager",
-      "Roo.LayoutRegion",
-      "Roo.NestedLayoutPanel",
-      "Roo.ReaderLayout",
       "Roo.Resizable",
       "Roo.SplitBar",
       "Roo.SplitButton",
-      "Roo.SplitLayoutRegion",
-      "Roo.TabPanel",
-      "Roo.TabPanelItem",
       "Roo.Toolbar.Button",
       "Roo.Toolbar.SplitButton",
-      "Roo.TreePanel",
       "Roo.UpdateManager",
       "Roo.View",
       "Roo.XComponent",
       "Roo.bootstrap.form.FieldLabel",
       "Roo.bootstrap.form.Form",
       "Roo.bootstrap.form.HtmlEditor",
-      "Roo.bootstrap.form.HtmlEditorToolbarStandard",
+      "Roo.bootstrap.form.HtmlEditorToolbar.Standard",
       "Roo.bootstrap.form.Input",
       "Roo.bootstrap.form.Markdown",
       "Roo.bootstrap.form.MoneyField",
       "Roo.bootstrap.form.MonthField",
       "Roo.bootstrap.form.NumberField",
+      "Roo.bootstrap.form.Password",
       "Roo.bootstrap.form.PhoneInput",
       "Roo.bootstrap.form.Radio",
       "Roo.bootstrap.form.RadioSet",
       "Roo.data.DataProxy",
       "Roo.data.HttpProxy",
       "Roo.data.JsonStore",
+      "Roo.data.MemoryProxy",
       "Roo.data.Node",
       "Roo.data.SimpleStore",
       "Roo.data.Store",
       "Roo.grid.PropertyGrid",
       "Roo.grid.RowSelectionModel",
       "Roo.grid.SplitDragZone",
+      "Roo.layout.BasicRegion",
+      "Roo.layout.Border",
+      "Roo.layout.Manager",
+      "Roo.layout.Reader",
+      "Roo.layout.Region",
+      "Roo.layout.SplitRegion",
       "Roo.menu.Adapter",
       "Roo.menu.BaseItem",
       "Roo.menu.CheckItem",
       "Roo.menu.Menu",
       "Roo.menu.Separator",
       "Roo.menu.TextItem",
+      "Roo.panel.Calendar",
+      "Roo.panel.Content",
+      "Roo.panel.Cropbox",
+      "Roo.panel.Grid",
+      "Roo.panel.NestedLayout",
+      "Roo.panel.Tab",
+      "Roo.panel.TabItem",
+      "Roo.panel.Tree",
       "Roo.tree.AsyncTreeNode",
       "Roo.tree.ColumnTree",
       "Roo.tree.DefaultSelectionModel",
           }
         ]
       },
+      {
+        "name" : "toUpperCaseFirst",
+        "type" : "function",
+        "desc" : "Make the first letter of a string uppercase",
+        "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" : "The new string."
+          }
+        ]
+      },
       {
         "name" : "toggle",
         "type" : "function",